Vistaprint System Library

When I first arrived at Vistaprint the UX and technology teams were just starting the discussion on how to bring more consistency to the website user experience and simplify the build process. Our first iteration to solve this was the build out of a very simple UI library consisting of what we would later call "Atoms" - buttons, fonts, color palette, and simple website features. When the organization began an initiative to decouple the front-end from the back-end and install a CMS we were able to expand our UI Library into a fully realized Design System/Component Library consisting of "Atoms", "Molecules", "Organisms" and "Templates", each component more complex than the other. The newly created System Library allowed us to create a more consistent user experience, prototype much more quickly, update site-wide changes simply and to create experiences entirely from the Component Library.