Atomic Design: Process & Patterns

brad-frost

Full-day workshop • June 12th
This full-day masterclass takes a deep dive into the world of responsive web design, covering everything including broad concepts, strategy, how responsive design affects process, responsive design patterns and principles, and more.

Style guides, design systems, and pattern libraries provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving web landscape. This full-day session will tackle all that goes into making and maintaining successful interface design systems, including:

What you'll learn:

  • Atomic Design Principles – We’ll cover core principles of modular UI interface design and discuss considerations around atomic design, a methodology for crafting robust, deliberate design systems.
  • Selling Pattern Libraries – We all know design systems and pattern libraries are great, but how do you get your clients, bosses, and teammates on board? We’ll cover tactics and tools for selling pattern libraries to clients and stakeholders, and detail how to create an interface inventory to pave the way for style guide success.
  • A Pattern-Based Process – Making modular interfaces requires massive shifts in our design and development process. We’ll discuss why front-end development is an essential part of the design process and demonstrate how tools like lo-fi sketches, style tiles, element collages, Pattern Lab, and others facilitate collaboration—and result in successful design systems.
  • Style Guide Maintenance – Like a fine wine, a design system increases in value over time. We’ll discuss tactics and techniques to ensure that your pattern library stays in sync, and your design system provides lasting value to your organization.
  • UI Patterns – Creating modular interfaces is challenging, but thankfully the web community is hard at work creating flexible, downright innovative UI design patterns. We’ll look at patterns for tackling layout, navigation, images, data tables, and really anything else you can include in an interface.

By the end of the day, you’ll be armed with all the insights and resources you need to create, sell, and maintain effective interface design systems.

What hardware/software do you need?

Please bring your own notebook with you to be able to follow along.


Location

Microsoft Technology Center
11 Times Square, 5th & 6th Floor
(Between 41st & 42nd Streets on 8th Ave.)
New York, NY, 10036
Google Maps

Schedule for Monday, June 12th

8:30am – Doors open, Registration
9:00am – Introduction & Kick-off
11:00am – Coffee Break
12:30pm – Lunch
1:30pm – Afternoon Session
3:00pm – Coffee Break
5:00pm – The End, Networking

Save $100 when signing up for the conference and a workshop!

On the Web
http://www.bradfrostweb.com
On Twitter
@brad_frost
Workshop includes
  • Snacks and drinks during the whole day
  • Tea and coffee
  • Lunch
  • Paper and pen/pencil

Sponsors & Partners