Nav.it Design System

Enhancing UX through Consistent Visual Language

OVERVIEW

I led the creation of a fresh Nav.it Design System, blending visuals, accessibility, and scalability.
User Quote: "Compared to my Mint app, it looks and feels a lot softer/friendlier."

Project

Mobile App Design System

ROLE

UI/UX Designer

TIMELINE

Feb - Jul 2023

Play

Refreshing Design System, Enhancing UIs

To enhance Nav.it's branding, I collaborated with PM to conduct survey research, gathering user feedback on their perceptions and experiences of money apps.

01

Typography

Font Style

02

Color Palette

Tonal Palettes

03

Responsive Layout Grid

Modular grid: 4dp; Column: 6

04

Components and Variants

05

UI Polishment

After developing the new design system, I enhanced 40+ screens' UIs. Here's an example of how I improved the 'Review' feature, showcasing Light and Dark Mode designs.

06

Brand Identity

OTHER CASE STUDIES

Nav.it

Lexus Electrified

Skiin Connected Life