Plus, responsive challenges us to rethink our roles. After all, who is the designer these days?

Fortunately, Stephen Hay has a practical, 10-step approach to improving your responsive web design workflow. With new ease, you'll go from text content to wireframes, deciding on breakpoints, and creating browser mockups before topping it off with style guidelines.

And your team will thank you for it.

Start with the content

Take inventory of what must transition to new product experiences

Define a high-level content structure

Establish UX flows and styles in text

Shape the basis of your design by writing real content, even if it's boring

Begin applying styles to that content and voila! A basic mobile site is born

Create and present web-based mockups

Design in the browser—even if you're not a developer

Pitch your design like a pro and get sign-off long before it's

Keep styles in-check

Document the style systems and decisions inherent to your design

Build a guide that auto-updates whenever the styles change in your design

Watch this seminar if you:

Feel like your team could move faster but is confused by roles or next steps

Share:

Why Stephen?

First, he's been a champion of the content-first approach to responsive web design since before "responsive web design" was a thing. Yes, the man is a visionary.

Second, when not consulting with clients through his consultancy, Zero Interface, he's been traveling the world giving workshops and talks. Attendees tell us that Stephen has re-invigorated their processes and helped them design better products, faster.

A native Californian, Stephen currently resides in The Netherlands. When he's not working himself to death, he appreciates a good Belgian ale and blogs about twice a year at the-haystack.com. You can also find him on Twitter: @stephenhay.