Portfolio Single

laudantium unde ea quasi esse excepturi ipsum atque veniam quam laboriosam hic!

Technology:
  • Atomic Design
  • Pattern Lab
  • Sass CSS
  • OOCSS
  • BEM

Atomic Design and Pattern Lab

Pattern Lab is a collection of tools to help you create atomic design systems.

Project Details

  • Client: Pattern Lab Course
  • Category: Training
  • Cost: $1,000 per person

Project Description

Problem to Solve
Communicating the requirements from product owner/manager to designer to developer has been one of the most difficult workflows in development cycles. There are several reasons for this sometimes and unnecessarily contentious communication channel and relationship. The reasons range from stakeholders speaking different languages (some in code and some in colors and fonts), working in silos, ever-changing requirements not communicated properly from design to development or vice versa, and lacking transparency to design or development.

How We Can Help
This course will start by taking an existing design and breaking it down using "Atomic Design" principles. Then we will learn how to take the modular components that have been designed and create patterns in "Pattern Lab". In the last exercise, we will use the HTML and CSS that is the bu-product of our patterns and see how we can place them in a JavaScript framework.