Responsive Design for Complex Websites (IXDA Munich)
1. Responsive Design for Complex Websites
Reality check – How does it really change
the design process?
IXDA Munich Meeting
08 April 2013
Sabine Berghaus
2. Lots of websites have taken a
responsive approach*…
… but our challenge was a little bigger….
*h$p://gravitydept.com/blog/skinny-‐;es-‐and-‐responsive-‐ecommerce/?utm_source=Responsive+Design
+Weekly&utm_campaign=18bf5a122f-‐RWD_interview_6&utm_medium=email
3. Complete relaunch | “Flagship Store”
Configuration & Checkout
Self-Care Area / Customer Center
Help Center
Brand experience
Product description
News & Specials
Media Center (Video Content)
Magazine
4. Project Setup
Team
• 7 Information Architects
• 5 Visual Designers
• 100 Client Stakeholders
Timeline: July – December 2012
Discover
Define
Deliver
• Workshops • Define vision • Design Specification
• Stakeholder Interviews • Basic concept • Batch Process
• Design direction • User Testing
• User Testing
5. Reality Common “Rules”
Check and our approach
Limitations
6. Rule
#1
No more Photoshop!
h$p://37signals.com/svn/posts/1061-‐why-‐we-‐skip-‐photoshop
h$p://www.youtube.com/watch?v=6e3m9qRj67o
21. Summary:
You can design mobile second, if…
… you keep your
content structured –
Content First!
… your define your
layout with basic
responsive patterns
in mind.
26. Summary:
Get tech and creative connected as soon
as possible – even if the track has not
officially started.
Challenge and review creative
concepts.