Sonic Sessions / Design System
A robust design system enabling seamless scalability
Problem
How might we create a consistent brand UI?
How might we create a consistent brand UI?
Outcome
After I designed the identity for this new brand, I started created various components in Figma to ensure a consistent brand UI.
After I designed the identity for this new brand, I started created various components in Figma to ensure a consistent brand UI.
Role
UI UX designer
UI UX designer
Project
Personal Experiments
Personal Experiments
Timeline
2 Weeks
2 Weeks
Software
Figma
Figma
Context
Sonic Sessions is a music platform dedicated to spotlighting emerging local artists in NYC. It provides a space for young, up-and-coming talent to showcase their profiles and gigs, making it easy for fans and event organizers to book performances directly.
Sonic Sessions is a music platform dedicated to spotlighting emerging local artists in NYC. It provides a space for young, up-and-coming talent to showcase their profiles and gigs, making it easy for fans and event organizers to book performances directly.
Applying the Design System
Here are some screens to show the use of colors, button styles, typography as well as error states.
The Design System
The above screens were designed with research collated on a mood board.
It contains UI design inspiration in the form of font pairings, colour palettes, UI design and micro-interactions.
