Pattern Library
 

CHALLENGE

General Assembly has been growing rapidly, so we needed to establish a design system for visual consistency and to improve team efficiency. We followed an adapted version of the Atomic Design Methodology and built out a Base, Atoms, Molecules and Organisms. 
You can read more about the process and workflow in my article on Uxdesign.cc.

Artboard@2x.jpg

We decided to divide our library into separate Kits: The “Universal Kit” could be used by all other kits, the “Web Kit” included web specific components, the “Product Kit” was specifically built for the software products and a “Marketing Kit” for the Marketing team. 

Artboard Copy 4@2x.jpg


Patterns in Action
 

testing

While building out the patterns library, we continuously test and iterate.
Below you can see the new pattern on the GA website:

Artboard@2x.jpg