Banco Davivienda · iF Design Award 2024

Enhanced interface, better experience.

A brand new Davivienda App. From an old, boring and difficult-to-use interface to a Super App used by more than 3 million people.

Client
Banco Davivienda
Role
Jr → Sr. UX-UI Designer
Years
2021 — 2024
Award
iF Design Award 2024
Reach
6 countries
The Davivienda Super App on two iPhones: the credit cards screen and the new home dashboard

01The change

Old Davivienda app iconNew Super App icon

Transforming the app’s old interface and experience into a Super App.

The old Davivienda app: a Consultas screen listing account, credit card and loan totals

Old, boring and difficult to use 🙁

The new Super App home: product cards, Mi mundo Davivienda and a spending breakdown

Fresh, usable, striking, user-centric. 😎

0Users in Colombia
0Countries with presence

02Design system

The App was just the beginning.

A complete digital ecosystem awaited a redesign. That’s why we needed to create a design system for it.

This is just a sneak peek 😉

Phone frame showing the 8-column layout grid Phone frame showing the 4px baseline grid

Typography

Accessibility comes first; that’s why we chose a typeface that prioritizes readability.

R

Roboto • Roboto Condensed

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

Principal colors

Different product families coexist at Davivienda, and we seek to provide each with its identity.

Cuentas
Tarjetas
Créditos
Inversiones
Seguros

Iconography

One outlined set, drawn on a 20px grid, so every action in the app reads the same way.

Components

We used Atomic Design principles to create functional and adaptable components for multiple channels, catering to transactional, service, informational, and promotional experiences unique to each channel.

The component library: product cards, offers, category tiles, lists, forms and states
Resultado de su solicitud screen on an angled iPhone

03Product visual

We integrated a product visual with details, functionalities, and services of each one.

Every product family got its own card and colour, so people recognize what they own at a glance: accounts, cards, loans and investments.

Mis Tarjetas de Crédito: card detail, movements, payments and servicesMis Créditos: vehicle and housing credit detail with payment schedule
Mis Cuentas: savings account detail, debit card, pockets and movementsMis Inversiones: CDT and fund detail with maturity and returns
The profile drawer switching between personal, business and investment profiles

04Profiles

A personalized experience with different profiles.

Unlock the possibilities to manage your personal finances, investments, and business.

An “All in one” experience 🤓

05Transactions

Efficient transactions, payments, and frequent destination enrollment in a revamped dashboard.

The most used flows in the app got the most attention: fewer steps, clearer states, and the destinations people use every day one tap away.

Products and services alongside the revamped transfers screen with Transfiya and scheduled transfers
0Other apps built with our design system
0Features in the app

06Summary

To summarize, this was the change.

Well, just a fragment. 🤏 Ten of the screens that ship in the Super App today.

Home dashboard
Home dashboard
Solicitar productos
Solicitar productos
Perfiles
Perfiles
Mis finanzas
Mis finanzas
Detalle de movimientos
Detalle de movimientos
Mis Tarjetas
Mis Tarjetas
Transferir
Transferir
Pagar
Pagar
Asesoría especializada
Asesoría especializada
Resultado de solicitud
Resultado de solicitud

07Before

And that’s how it used to be

List-driven, one red header for everything, and no product identity. Every screen was rebuilt.

Old Davivienda app: Consultas home Old Davivienda app: Abrir Productos en Línea Old Davivienda app: Transferencias y Avances Old Davivienda app: Bienvenido onboarding Old Davivienda app: Side menu

😅 Was a good change, wasn’t it?

Next project · Google Chrome · Huge Inc. · 2025

Google Chrome Design System

The foundation that unifies Chrome across Desktop, Android and iOS: one base theme, variables for everything, 3.45 billion users.

Read the case study

Let’s work together

Say hello

I’m looking for a product design team where systems matter and things ship at scale — in Canada, remote, or wherever you are. If that’s you, I’d love to hear from you.

Message me on LinkedIn ↗

Based in Colombia · Open to relocation · Remote across the Americas