Smart Responsive Design Patterns: UX & Design Patterns

Full-day workshop with Smashing Magazine Editor Vitaly Friedman. Learn practical techniques, clever tricks and useful strategies for working on responsive websites.

This workshop can be attended individually or as part of a two day package with Smart Responsive Design Patterns: Front-End & Performance.

An intensive, full-day workshop with Vitaly Friedman (editor-in-chief of Smashing Magazine), covering practical techniques, clever tricks and useful strategies you need to be aware of when working on responsive websites.

From responsive modules to clever navigation patterns and web form design techniques; this workshop will provide you with everything you need to know today to start designing better responsive experiences tomorrow.

The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works.

Most techniques are borrowed from mid-size and large-scale real-life projects, such as large eCommerce projects, online magazines and web applications. We won’t cover the basics, instead, the workshops covers more advanced techniques used in responsive design.

Topics covered

  • Effective tools and techniques that can support and enhance your personal workflow when working on any responsive design project
  • An overview of clever practical techniques for improving UX of responsive sites including navigation and search
  • Responsive Design Patterns and innovative approaches to designing ‘responsive modules’ such as mega-drop downs, tables, calendars, multi-level menus, maps, carousels and web forms
  • How to apply clever patterns such as improved off-canvas navigation, assistant pattern, smart URL design, priority+ pattern, vertical media queries, ‘view mode’ approach, lazy loading, autocomplete, type-ahead search, filters, portrait/landscape orientation change, inventory-based sliders, the country selector and responsive iconography
  • How to craft delightful interfaces with smooth transitions, clever animations and improve perceived performance along the way
  • How to optimise responsive websites for better mobile UX, faster data input and higher conversion rates
  • Design anti-patterns to avoid when designing a responsive site to prevent running into performance issues and “slow UX decay”
  • How the design processes should adapt in terms of the project management, deliverables, performance budgets, team organisation and strategy.

Training venue

This workshop will take place at Avonmouth House – a purpose-built training venue located between Borough and Elephant & Castle in London. We offer dedicated WiFi and provide breakfast on arrival, drinks and snacks throughout the day, plus a sit-down hot lunch.

See venue on the map


Just bring your laptop and lots of creativity!

Course tutor

Vitaly Friedman

Vitaly Friedman loves beautiful content and does not give up easily. From Minsk in Belarus, he studied computer science and mathematics in Germany, discovered the passage a passion for typography, writing and design. After working as a freelance designer and developer for 6 years, he co-founded Smashing Magazine, a leading online magazine dedicated to design and web development. Vitaly is the author, co-author and editor of all Smashing Books. He currently works as editor-in-chief of Smashing Magazine.

Vitaly Friedman

By registering for this event, you agree to our Terms and Code of Conduct.