DOLLAR SHAVE CLUB DESIGN SYSTEM
EXPERTISE
UI, Design System
CREATION // LAUNCH
July-September 2023, October 2023
SOFTWARE
Figma, Zeplin
PROJECT OBJECTIVE
My responsibility was to remake the existing design system. I worked alongside my Senior Product Designer to redesign guides including color, typography and icons.
Once these elements were redesigned, I added library to Figma for Designers and other to utilize for brand consistency.
EXECUTION
TYPOGRAPHY
BEFORE // Type was dated and needed update.
WHAT I IMPROVED //
1) Defined typography sizes for each categories
2) Decided on ExtraBold Headings for masculinity
3) Designed guide layout
A SPECIAL NOTE // Specter is a specialty typeface made especially for Dollar Shave Club. How cool!
ICONOGRAPHY
BEFORE // Overwhelming amount of icons that were disconnected and disorganized based on their categories.
WHAT I IMPROVED //
1) Created new solid iconography
2) Refined icon categories and organized them in Figma library
3) Designed guide layout
COLORS
BEFORE // The colors were dated from the last Dollar Shave Club redesign.
WHAT I IMPROVED //
1) Refined the Primary and Accent colors
2) Created gradients
3) Reorganized the guide layout
CONCLUSION
Designers were grateful for library to be accessible via Figma.
THANK YOU //
All projects