MC3 has many different clients where each one has a set of unique brand colors. For this system I decided it best to come up with a way to allow those colors be infused into a new UI system using Figma’s color variable capabilities. The designer can simply go in and update the systems “primitives” and the system would be ready to be used for a new application.
Case Study
Objective
Survey the clients current UI capabilities and create a new and organized UI asset library.
Survey the clients current UI capabilities and create a new and organized UI asset library.
My Role
UX/UI Designer
UX/UI Designer
Project Duration
3-4 months
3-4 months
Deliverable
Corporate product design system and style guide.
Project Tasks
• UI research
• UI research
• design
• build
• organize
• catalogue
• feedback gathering
• testing
• feedback gathering
• testing
Outcome
A new UI asset library published to the MC3 Figma team.
A new UI asset library published to the MC3 Figma team.
Organization of all assets in the library ensures ease of understanding for the designers using the system and allows for tracking of deep level nested elements.
Critical human interaction details such as “target areas” for mobile UX applications are nested in each of the library assets where needed. This informs the developer clearly when building out the CSS Box Model.
