Skills
UX RESEARCH
PRODUCT DESIGN
PROTOTYPING
WIREFRAMING
Tools
FIGMA
January 2025
Why?
Current design is outdated
01
Timeline
02
Wireframing
I created the wireframe based on competitor analysis and the current app design to enhance usability, modernize the UI, and improve navigation flow while addressing key pain points like clutter, accessibility, and responsiveness.
03
Proposal
Insights from the current design and competitor analysis were used to create a modernized UI proposal, featuring a refreshed color palette with Pantone 1655 C for better accessibility, an improved typography choice for readability, and a cleaner, more user-friendly layout. The new design enhances visual hierarchy, navigation, and overall usability, ensuring a more intuitive experience for users.
Improvements
Modern UI: A cleaner, more intuitive interface for better user experience.
Improved Colours: Pantone 1655 C for better contrast and accessibility.
New Typography: Enhanced typography for improved readability and clarity.
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
04
The primary color was changed to Pantone 1655 C, a more vibrant orange chosen for its improved contrast and visibility. This shade was selected to enhance readability, ensure better accessibility for visually impaired users, and achieve greater compliance with WCAG contrast standards, making text and icons clearer on both light and dark backgrounds.
PRIMARY COLOUR
V1
V2
Why?
Contrast between text and primary colour was not compliant with the accessibility standards.
BEFORE
AFTER
05
Final Concept
NEW DESIGN SYSTEM
More Work
