← Home
Vodafone logo Vodafone · Telecom 3 min read

Mi Vodafone App — Cross-selling & Checkout Redesign

Designing a new purchase experience for 3M+ existing customers.

Role
Senior Product Designer
Company
Vodafone Spain
Platform
iOS, Android & Web
Mi Vodafone App redesign
Context

A new squad, a global pandemic, a blank canvas

I joined the TX Handsets squad within the Care Tribe of Mi Vodafone App in March 2020 — the same week Spain entered lockdown. As the senior designer on the squad, I led the design process end-to-end and coordinated with junior designers throughout the project.

The challenge was to create a dynamic cross-selling flow for existing Vodafone customers to discover, configure, and add products — all within the app — while increasing the average cart ticket per transaction.

Process

Alignment first, pixels second

Before any design work began, I organized alignment sessions with the Product Manager, Product Owner, Business Analyst, and Technical Leads to surface constraints and map the opportunity space together.

  • Facilitated a Miro session to map current and future flows using a modular "Lego pieces" approach — giving all stakeholders a shared global vision.
  • Built the first prototype in InVision, Vodafone's internal prototyping tool at the time.
  • Ran remote user testing with 10 Spanish Vodafone customers via Lookback.io — mixed ages and genders, all active app purchasers.
  • Testing was fully remote due to COVID-19, which shaped how we structured tasks and recruited participants.
Design Goals

A clear framework before a single pixel

  1. Create a seamless cross-selling entry point for existing customers
  2. Design a PLP → PDP flow that guides users from intent to configuration
  3. Build a flexible Nexus screen for cross-selling between offer and checkout
  4. Unify the checkout experience across all sales flows in the app
  5. Keep checkout to a maximum of 4 steps, minimum of 1
  6. Deliver fully within Vodafone's existing design system
Solution

Two entry points. One unified checkout.

Dual Entry Points

Online Store for intent-driven browsing, and a Discover section serving personalized offers via banners — meeting customers wherever they are.

PLP → PDP Flow

Users select a plan then configure it — associating to an existing number or initiating portability — in a guided, linear flow.

Nexus Screen

A cross-selling hub between the offer and checkout. Modular and customizable based on the customer's accumulated products and eligibility.

Unified Checkout

Maximum 4 steps, minimum 1. A single checkout architecture adaptable to any sales flow across the entire app — replacing fragmented one-off implementations.

Results

Impact across the purchase funnel

Average cart ticket for existing customers
3M+
Customers reached through the new experience
1
Unified checkout adopted across all sales flows
Reflection
Designing during COVID taught me that alignment is a design skill, not a prerequisite for one. The Lego pieces approach — treating flows as modular, composable blocks — gave stakeholders ownership and gave the team clarity. Unifying checkout across a platform at this scale required as much organizational design as it did interface design.