Responsive Design Studio

Responsive Design Studio

Responsive and adaptive design is about more than making sites look good on mobile. It's about creating a web that's flexible, accessible, and usable—and to do it right, we've got to work together:

  • Writing must be trim and clear to work across many layouts;
  • Design must account for the realities of complex content; and
  • Code must consider performance and accessibility while maintaining your design system and messaging.

That's why we're offering a two-day, in-depth studio in Mountain View that weaves together content strategy, design, and development to form a complete look at what it takes to plan, write, design, and code for responsive and adaptive experiences.

Aaron Gustafson Jason CranfordTeague Sara Wachter-Boettcher
Aaron Gustafson More about Aaron Jason CranfordTeague More about Jason Sara Wachter-Boettcher More about Sara

Our studio is co-taught by the dream team of Aaron Gustafson (author of the book Adaptive Web Design), Jason CranfordTeague (author of CSS3 Visual Quickstart Guide), and Sara Wachter-Boettcher (author of Content Everywhere: Strategy and Structure for Future-Ready Content). They're in an interdisciplinary team—just like yours.

How it works

At the start, you'll join peers with varied skillsets to form small interdisciplinary teams. Throughout the studio, you and your teammates will collaborate on strategic decisions, share insights from your field, and work through the responsive design process for a sample website—together.

Day 1: The Big Picture

Where does responsive design fit into your toolkit, and how should it change the way you work? Through a mix of presentations and hands-on exercises, you'll learn the skills to:

  • Plan and structure flexible sites
  • Develop a responsive-ready content strategy
  • Uncover and define the patterns and systems that will allow your design to scale

Day 2: Putting it to Work

We'll take the strategies, priorities, and patterns you established on day one and executing at the micro level. You will:

  • Prioritize and modularize a single piece of content
  • Use prototypes to quickly bring your content to life
  • Learn about the markup and fallbacks you'll need to support your vision
  • Explore some of the challenges to responsive design--and emerging ways to overcome them

Why you should go

Adaptive and responsive techniques are rapidly becoming a necessity for modern websites.

  • You'll learn how content, design, and development work together to crystalize how modern techniques can best serve your web visitors
  • You'll work in teams designed to give you an interdisciplinary experience
  • When you return to work you can test your knowledge with an online quiz and receive a certificate validating your successful completion of the two-day workshop and quiz
  • Your successful completion of the workshop will establish your ability to work on any adaptive/responsive challenge you'll face

Detailed outline

Day One
  • Foundation
    • Understanding context
    • Constraints and opportunities
    • How RWD works
    • When is RWD the right solution solution? When is it not?
    • Why do we need to work collaboratively and iteratively?
  • Planning
    • How does RWD fit into project workflows?
    • What should you ask before starting a RWD project?
    • Defining goals and objectives
    • Understanding audiences and needs
  • Content and structure
    • Messaging, content goals, voice, tone
    • Content typing based on content analysis
    • Information architecture
  • Layout and patterns
    • Breakpoints and fluid layouts
    • Interface design
    • Content presentation
  • Development concepts
    • Progressive enhancement
    • Fallbacks
    • When to use Javascript
Day 2
  • Content prioritization and planning
    • Making modular content
    • Prioritizing
    • Writing for the modular structure and matching the brand/messaging
  • Prototyping
    • Prototyping in the UX process
    • Tools for prototyping
  • Developing the page
    • HTML5 and semantic markup
    • Between the breakpoints
    • Creating fallbacks
  • Bringing it all together
    • Challenges to RWD: CMS, images, performance and workflow
    • How to continue learning after the workshop

Register yourself or your team!

Join us October 15-16 (9:00am-5:00pm PT each day) at 500 Startups' Silicon Valley headquarters: 444 Castro Street #1200, Mountain View, CA 94041 (more venue info). Register three or more of your team for a group discount.