Lumio – Mobile App Experience

Lumio – Mobile App Experience

Lumio – Mobile App Experience

End-to-end product design for Lumio, a next-gen budgeting and savings app targeting millennials and Gen Z.

End-to-end product design for Lumio, a next-gen budgeting and savings app targeting millennials and Gen Z.

End-to-end product design for Lumio, a next-gen budgeting and savings app targeting millennials and Gen Z.

Lumio – Mobile App Experience
Lumio – Mobile App Experience

Category

Category

Category

Product Design

Product Design

Product Design

Services

Services

Services

UX Research, UI Design, Prototyping, Usability Testing

UX Research, UI Design, Prototyping, Usability Testing

UX Research, UI Design, Prototyping, Usability Testing

Client

Client

Client

Lumio Financial

Lumio Financial

Lumio Financial

Year

Year

Year

Personal finance apps have a reputation for being either overwhelming or patronizing. Lumio wanted to break that pattern entirely. The brief was simple but ambitious: design an app that makes saving money feel as effortless and rewarding as spending it.


We began with six weeks of qualitative user research — diary studies with 24 participants aged 22–35, contextual interviews, and a competitive teardown of twelve existing finance products. The research surfaced a critical insight: users didn’t lack financial knowledge; they lacked emotional motivation. The design problem wasn’t informational — it was behavioral.


This led us to a design philosophy we called “Quiet Confidence” — an interface that celebrates small wins, surfaces progress without anxiety, and never makes users feel judged for their spending. The information architecture was rebuilt from scratch. We reduced the number of screens by 40% compared to the original wireframes, prioritizing depth over breadth.


The visual design language draws from the world of luxury goods — clean surfaces, generous white space, and a restrained color palette of cream, charcoal, and a single warm gold accent. Illustrations were commissioned from a Berlin-based artist and used sparingly to add warmth without sacrificing sophistication.


Interaction design was equally deliberate. We prototyped and tested eleven different approaches to the core “savings goal” feature before landing on a swipe-to-allocate mechanic that tested with a 94% task completion rate. Every gesture, transition, and haptic moment was mapped and rationalized.


The final design system comprises 380+ components across 12 screen sizes, with full dark mode support and accessibility ratings of AA across the board. Lumio launched in beta in Q1 2026 with a 4.8-star average rating across 2,400 early reviews.

Personal finance apps have a reputation for being either overwhelming or patronizing. Lumio wanted to break that pattern entirely. The brief was simple but ambitious: design an app that makes saving money feel as effortless and rewarding as spending it.


We began with six weeks of qualitative user research — diary studies with 24 participants aged 22–35, contextual interviews, and a competitive teardown of twelve existing finance products. The research surfaced a critical insight: users didn’t lack financial knowledge; they lacked emotional motivation. The design problem wasn’t informational — it was behavioral.


This led us to a design philosophy we called “Quiet Confidence” — an interface that celebrates small wins, surfaces progress without anxiety, and never makes users feel judged for their spending. The information architecture was rebuilt from scratch. We reduced the number of screens by 40% compared to the original wireframes, prioritizing depth over breadth.


The visual design language draws from the world of luxury goods — clean surfaces, generous white space, and a restrained color palette of cream, charcoal, and a single warm gold accent. Illustrations were commissioned from a Berlin-based artist and used sparingly to add warmth without sacrificing sophistication.


Interaction design was equally deliberate. We prototyped and tested eleven different approaches to the core “savings goal” feature before landing on a swipe-to-allocate mechanic that tested with a 94% task completion rate. Every gesture, transition, and haptic moment was mapped and rationalized.


The final design system comprises 380+ components across 12 screen sizes, with full dark mode support and accessibility ratings of AA across the board. Lumio launched in beta in Q1 2026 with a 4.8-star average rating across 2,400 early reviews.

Personal finance apps have a reputation for being either overwhelming or patronizing. Lumio wanted to break that pattern entirely. The brief was simple but ambitious: design an app that makes saving money feel as effortless and rewarding as spending it.


We began with six weeks of qualitative user research — diary studies with 24 participants aged 22–35, contextual interviews, and a competitive teardown of twelve existing finance products. The research surfaced a critical insight: users didn’t lack financial knowledge; they lacked emotional motivation. The design problem wasn’t informational — it was behavioral.


This led us to a design philosophy we called “Quiet Confidence” — an interface that celebrates small wins, surfaces progress without anxiety, and never makes users feel judged for their spending. The information architecture was rebuilt from scratch. We reduced the number of screens by 40% compared to the original wireframes, prioritizing depth over breadth.


The visual design language draws from the world of luxury goods — clean surfaces, generous white space, and a restrained color palette of cream, charcoal, and a single warm gold accent. Illustrations were commissioned from a Berlin-based artist and used sparingly to add warmth without sacrificing sophistication.


Interaction design was equally deliberate. We prototyped and tested eleven different approaches to the core “savings goal” feature before landing on a swipe-to-allocate mechanic that tested with a 94% task completion rate. Every gesture, transition, and haptic moment was mapped and rationalized.


The final design system comprises 380+ components across 12 screen sizes, with full dark mode support and accessibility ratings of AA across the board. Lumio launched in beta in Q1 2026 with a 4.8-star average rating across 2,400 early reviews.

Create a free website with Framer, the website builder loved by startups, designers and agencies.