Stephen Hay on “Responsive Design Workflow” (Barcelona, October 24th 2016)

Stephen Hay on “Responsive Design Workflow” (Barcelona, October 24th 2016)

Forget fixed-width Photoshop comps and overproduced wireframes. Yesterday’s web design deliverables fail to take into account the demands of responsive web design. Stephen will introduce a new workflow for today’s web.


This workshop is geared toward designers who aren’t afraid of stepping out of their comfort zone, as well as front-end developers who are heavily involved in the design process. Designers will be encouraged to consider using code and other developer tools in order to make their work easier and their design deliverables more effective.


  • A content-based approach to designing for the web
  • The why and how of low-fi responsive wireframes
  • How to “design in text” and use plain text markup as a base for design mockups
  • How making a “linear design” can simplify the responsive design process
  • How to determine breakpoints, as well as how to visualize and design for them
  • How responsive, web-based design mockups are an effective alternative to Photoshop comps
  • How to present your web-based design mockups
  • A strategy for creating and automating a style guide for your design.

Who Is It For?

This workshop is intended for designers, developers and everybody else who is dealing with responsive design regularly or wants to improve the responsive design workflow in general.

Workshop Schedule

  • 8:30 Doors open, Registration
  • 9:00 Introduction & Kick-off
  • 11:00 Coffee Break
  • 12:30 Lunch
  • 13:30 Afternoon Session
  • 15:00 Coffee Break
  • 17:00 The End, Networking

Workshop Includes

  • Snacks and drinks during the whole day
  • Tea and coffee
  • Lunch
  • Paper and pen/pencil

What Hardware/Software Do You Need?

Please bring your own laptop with a text editor of your choice.


IED School of Design
C/ Biada, 11,
08012 Barcelona
Google Maps


↑ Back to top