Case study 03 · Mobile banking · Android & iOS

Banco Azteca — App Redesign

Redesigning financial inclusion for 72% of Mexico's population.

Role
UX Designer
Team
4 designers
Timeline
Nov 2018 – Feb 2019
Platform
Android & iOS
Industry
Banking
5M+
Users reached
+2M
In the first year
7 yrs
Design still live
Pantalla de bienvenida — Banco Azteca Pantalla de inicio — Banco Azteca
01

Context & Problem

Banco Azteca's mission: bring formal banking to levels D- to C+ of Mexico's socioeconomic scale — a segment historically excluded from the financial system.

Segment target

Approximately 72% of the population in Mexico.

Who they are
  • Low income, working primarily in informal businesses
  • Average education up to secondary school
  • First-time or infrequent smartphone users
Distribución de niveles socioeconómicos en México (AMAI)
Distribution of socioeconomic levels in Mexico — AMAI
02

Design Constraints

01

Low digital literacy — zero learning curve required.

02

Low-end Android devices — performance is critical.

03

App must be lightweight — users delete apps due to limited phone storage.

03

Project Goals

Redesign the full app to make formal banking accessible, intuitive, and trustworthy for a population that had never used digital banking before.

Success metrics we aimed for
Increase task success rate — reduce errors during key flows.
Reduce cognitive load — zero learning curve for first-time users.
Build emotional trust — the app should feel safe and familiar.
Ship for both Android and iOS with a single, scalable design system.
04

The Problem — Before the Redesign

The original app (launched March 2017) required users to navigate two levels of menus before reaching a core feature — with no progress indicators, unlabeled icons, and empty form fields with no guidance. For users with low digital literacy, every friction point was a potential drop-off.

Pantallas de la app original antes del rediseño
Too many options visible at once
Unnecessary two-level navigation
No clear instructions on what to do
Multiple steps with no clear progress indicator
05

Research — Field Immersion

Before we were even shown our workstations, we spent 4 days fully immersed in the bank's world and the daily life of our target users.

  • Visited a Banco Azteca branch to understand executive operations, most-used products, and internal processes — seeing the bank from the inside.
  • Guided ethnographic tour through a low-income neighborhood in Mexico City to observe how the target segment interacts with money, technology, and their environment in daily life.
Sucursal de Banco Azteca con fila de clientes y comercio informal alrededor
Field immersion — Banco Azteca branch, Mexico City
Key insight

Users didn't distrust banks because of money — they distrusted them because they felt banks weren't built for people like them.

06

Research Findings → Design Decisions

What we learned
  • Users didn't identify with generic banking imagery
  • Plain language was essential — technical terms created distrust
  • Emotional connection to family and money goals was a key motivator
How we responded
  • Illustrations featuring people from the target segment
  • Simple, conversational copy throughout all flows
  • Onboarding focused on emotional value, not features
Pantalla de onboarding del nuevo diseño — Guardadito Digital
Onboarding screen — new design
07

Understanding Our Users

Banco Azteca's target goes beyond socioeconomic levels — users are defined by their life stage and aspirations.

Dreaming Dependent

Young individuals focused on learning and surpassing their parents' achievements while living life to the fullest.

Focused Independent

Single individuals or childless couples building a stable, worry-free future through self-sufficiency.

Primary target

Dedicated Provider

Heads of households prioritizing family well-being and security over personal interests.

Uncertain Self-Sufficient

Retirees or "empty nesters" shifting focus back to themselves and enjoying their time while maintaining independence.

08

User Personas

5 personas built from field research and branch interviews — all sharing the same core needs: security, family support, and financial confidence.

Tablero de las 5 user personas — Banco Azteca
5 personas built from field research — detail: the Emotional Provider
09

Information Architecture

A full app redesign required mapping every feature from scratch — organized around 3 core pillars based on users' most critical needs.

Key architecture pillars

Core Banking

Transfers, bill payments, remittances, airtime top-ups.

Account & Card Management

Balance monitoring, transaction history, card security controls.

Credit & Investment

Debt management, savings progress, investment tracking.

Mapa completo de arquitectura de información de la app BAZ 2.0
Full app sitemap — BAZ App 2.0, every feature mapped from scratch.
10

User Flows

Registration was the most critical flow — it was the first interaction between the user and the bank. We designed two distinct paths based on the user's existing relationship with Banco Azteca.

New Customer (N2) — First-time users registering from scratch.
Flujo de registro N2 — Nuevo cliente
Existing Customer (N4) — Users with credentials migrating to the new app.
Flujo de registro N4 — con credenciales
11

Wireframes — Personal Credit Flow

Before high-fidelity, we mapped every interaction step — validating flows and content hierarchy with the team before investing in visual design.

Wireframes del flujo de solicitud de crédito personal
Wireflow for the personal credit request feature — one of the transactional flows I owned end-to-end.
12

My Role & Design Process

A team of 4 designers worked on the full redesign over 5 months. My responsibility covered user flows and 40% of the app screens — focusing on the transactional flows and onboarding experience.

My contributions
  • Created end-to-end user flows for registration, onboarding and key transactional features
  • Designed 40% of the app screens across Android and iOS
  • Built and maintained the component library used across the team
  • Participated in usability testing sessions and incorporated feedback into iterations
Design challenges we navigated
  • CEO changed the color palette when the project was 30% complete — requiring full redesign of delivered screens
  • Dual platform delivery (Android + iOS) with a single scalable design system
  • App weight constraints required constant collaboration with engineering to optimize assets
13

Final Design

Pantallas finales del flujo de migración — Banco Azteca
App Migration flow — guiding existing users from the old app to the new experience.
App Migration Flow Sell Dollars Send Money to other Bank
14

Project Results

5M+Users reached within months of launch
+2MNew users in the first year alone
7 yrsNew design still live and relevant today

The foundation we built in 2019 grew from 5M to 15M+ active users by 2026 — a 3x growth over 7 years.

Pantallas de tarjeta Guardadito Go y compra/venta de dólares