Case Study

Denvio

Denvio is a money app that pays you up to two days early. We designed its website, its web app and its mobile apps for iOS and Android.

Client:Denvio
Year:2022
Industry:Fintech / Personal finance
Team:3 (project lead, product designer, UI designer)
Timeline:14 weeks
Platforms:Website, web app, iOS and Android
Denvio landing page, web dashboard and phone app shown together in teal and lime

Denvio had the perks. It needed a product that put them in front of people.

Denvio pays people up to two days early, but its perks were hard to find. The brief was a website, web app and mobile app that work as one.

Denvio landing page feature rows for saving goals, spending by category and recent payments, with the three sign up steps

Web app screens: eleven pages and the dashboard in five versions.

16

Phone screens: thirteen main screens and nine variations such as empty, loading and error.

22

Named parts across the web kit and the phone kit.

150+

We built one design system and drew all three surfaces from it.

In a workshop with the Denvio team, we mapped the flows for signing up, getting paid and sending money. Two design rounds on one shared design system followed, so every surface uses the same parts.

Lead with the one promise that matters.

We picked the one promise Denvio keeps: you get paid up to two days early. Three features and three steps back it up. We drew a light hero and a dark one. The page uses the dark hero with the cards from the light one.

Denvio landing page with the headline Get paid up to two days early, feature rows and three sign up steps
Landing page, from the hero to the sign up steps
Two hero directions for the Denvio landing page, a light layout and a dark layout
Hero direction A, light, and hero direction B, dark

A dashboard that answers one question first.

The dashboard starts with how you are doing this month. Income, spending and savings sit in three cards at the top. A new account sees empty states that say what to do next. Eleven more screens use the same parts.

Denvio dashboard in its filled, empty and loading states
Dashboard: filled, empty and loading states
Denvio dashboard at desktop, laptop and tablet widths
Dashboard at 1440, 1280 and 834 px wide
Eleven Denvio web app screens, from sign in and transactions to wallet, invoices, inbox, settings and help
Eleven web app screens, from sign in to help
Denvio web app send money flow in three steps: recipients, add recipient and send money
Send money: recipients, add recipient, send money

Send money in four steps.

The phone app covers what people do every day: check the balance, send money, add a card. Four tabs run along the bottom, a transfer takes four steps, and the empty, loading and error moments have screens of their own.

Denvio phone transfer flow in four steps: choose recipient, amount, review and sent
Transfer: choose recipient, amount, review, sent
Six Denvio phone states: empty home, loading home, card number error, sign up error, no recipients and first support chat
Six phone states, from an empty home to a first support chat
Denvio phone screens for home, cards, profile, support, preferences and edit information
Six phone screens: home, cards, profile, support, preferences, edit information

One system behind every surface.

A web kit and a phone kit share the same colors and type and hold more than 150 named parts. On the phone, text is 12 px or larger, tap targets are 44 px or larger, and form fields have a label and an error state.

Denvio design kit with colors, type, buttons, form fields and phone parts
Kit spread: colors, type, buttons, fields, tab bar and sheet
Your project

Building a money product? We have done this before.

YOUR FIRST STEP

Book a free 30-minute call.

Book a call

My job is making sure you leave our first call with clarity and next steps.

RUBY RATTEY

CLIENT SUCCESS MANAGER

12Ready to start?

Get in touch

Whether you have questions or just want to explore options, we're here.

Human verification will load when this form is in view.

Protected by hCaptcha. Privacy · Terms

We use your details to reply to you. See our Privacy Policy.

We are Based in Delhi