UI Design Case Study
WhatSub helps you organize all of your subscriptions so you can instantly see where your money is being spent, effortlessly cancel unused subscriptions, and notifies you when payments are due.
Role UI Designer
Team Lois C, Adrian T, Keith C, Jacky Y, Yuxi S
Tools Figma, Miro, Google Suite
Time September 20, 2 weeks
Crafting the design system based on the atomic framework helps developers to develop the basic components, reducing the amount of re-work at the time of development. Developers can easily assemble the basic components to make bigger components.
By building the design system according to the atomic design, It becomes easy for designers to design and manage files effectively. Also, by breaking down the whole system in the atoms, molecules, and organisms, sharing and updating the files in the future becomes hassle-free.
Design systems help in documenting the whole design components, and patterns in a clear way, which ultimately helps the team to be more collaborative and allows them to focus on other complexities of the product.
On the whole, a design system is not just for the designers, and developers, instead it is for the teams to work more closely, and in a well-documented way.