Starbucks at Home is the set of retail products where customers can enjoy and discover Starbucks coffee in the comfort of their own kitchen. With the massive growth of brew at home coffee, Starbucks re-designed the website to improve the experience and better align with the brand. However, the designs needed to scale for all 36 markets and future design implementations. As the creative lead, I took the initial designs and components and created a design system adopting an atomic design theory.
A re-structured atomic design system of 50+ core site elements, application to 22 key journeys, and an organized design file ready for production.
A lot of design systems fail due to them being too complicated. By incorporating a little UX, I identified the core use cases and ensured that the various end-users of the system were always in mind. This not only made the design system more universally usable but also more scalable and manageable.
It was crucial to identify how the designs were currently built and the theory behind them. Not only did this minimized the transition period, but it also helped make the system more customized to the project. Through consolidating the designs and a deep-dive audit, I identified the key elements and began creating a basic structure.
A GOOD DESIGN SYSTEM IS ONE WHERE EVEN A DESIGNER WITH NO EXPERIENCE CAN UNDERSTAND AND USE.