ABOUT THE PROJECT
Lumio is a personal finance management app designed to help everyday users track spending, set savings goals, and gain clarity over their financial health through a beautifully simple mobile interface. The core objective was to make financial data feel approachable, understandable, and even enjoyable to interact with rather than intimidating and overwhelming.
The project required translating complex financial information into digestible visual formats while maintaining a design language that felt trustworthy, modern, and accessible to a broad demographic of users ranging from first-time budgeters to experienced investors.
THE CHALLENGE
Making complex financial data feel simple and human
Most finance apps overwhelm users with dense data, technical terminology, and cluttered dashboards that require significant effort to interpret. Users frequently disengaged within the first few sessions, citing confusion and a lack of clear actionable guidance as the primary reasons for abandoning the app entirely.
Key challenges included:
Simplifying data-heavy screens without losing essential information
Building trust through transparent and calm visual design
Creating intuitive navigation across multiple financial categories
Designing accessible data visualizations for varied literacy levels
Reducing onboarding drop-off with a guided setup experience
OUR APPROACH
Clarity-first design with a human, approachable tone
The design strategy centered on progressive disclosure — showing users only what they need at each moment rather than flooding every screen with information. A warm, restrained color palette was paired with clean typography and generous whitespace to create an environment that felt calm and trustworthy rather than urgent and stressful.
VISUAL DIRECTION
The visual identity of Lumio was built around softness and clarity — rounded components, gentle gradients, and a palette rooted in deep navy and warm cream tones that communicate reliability without feeling corporate or cold. Data visualizations were designed to be immediately readable at a glance, using color-coded progress indicators and simplified chart styles that communicate trends without requiring financial literacy to interpret.
Every micro-interaction was carefully considered to reinforce positive user behavior — celebrating savings milestones, providing gentle nudges toward budget goals, and delivering feedback in a tone that feels encouraging rather than punitive. The overall experience was designed to feel less like a financial tool and more like a trusted personal advisor living inside the user's pocket.
DESIGN SYSTEM
A mobile-first design system was established to maintain consistency across all app screens and future feature expansions.
Core elements included:
Consistent card-based layout architecture
Color-coded financial category system
Icon library tailored to financial contexts
Accessible typography scale for data readability
Standardized chart and graph component library
FINAL SOLUTION
A personal finance experience that users actually want to open
The redesigned Lumio app achieved a significant reduction in onboarding drop-off and a measurable improvement in daily active usage following launch. By making financial management feel visually approachable and emotionally supportive, the product successfully shifted user perception from obligation to empowerment — establishing Lumio as a standout experience in an otherwise utilitarian category.
