Project

WhatsApp SIM

WhatsappSIM
Overview
WhatsApp SIM is a telecom product in the German market offering mobile services with WhatsApp-specific data advantages. The product had multiple customer journeys, plan variations, and digital touchpoints that needed cohesive UI patterns and fast experimentation.

Industry:

Telecom
ECommerce

Role

UI Designer
Design System Contributor

Tools / Skills

Figma
Design Systems
UI/UX
Web/App Design
Prototyping

Description
The Challenge

The product team needed to explore new pricing structures, onboarding flows, SIM activation journeys, and dashboards. The challenge was maintaining consistency with the broader telecom ecosystem while allowing rapid prototyping and UI evolution.

The system had to support:

  • multiple user types

  • dynamic plan variations

  • localized UI requirements

  • integration with existing design system foundations

Strategy and Approach
1. Mapping the Ecosystem

I documented all user journeys: onboarding, pricing selection, number registration, dashboard use, top-ups, and support flows. This allowed me to understand dependencies and touchpoints.

2. Designing High-Fidelity Prototypes

I built interactive prototypes covering:

  • pricing comparison modules

  • plan explanation cards

  • dashboard widgets

  • usage overviews

  • SIM activation and identification steps

  • promotional upgrade flows

These prototypes helped product managers validate direction quickly.

3. Integrating Design System Elements

I aligned every module with Telefonica’s system foundations while proposing new components when gaps existed:

  • interactive selectors

  • usage meters

  • contextual help modules

  • step-by-step progress headers

4. Collaboration with Research and Engineering

I refined prototypes through feedback from:

  • UX researchers (testing prototypes)

  • engineering (feasibility and logic constraints)

  • product teams (business considerations)

This shortened the iteration loop and reduced ambiguity.

Key Decisions

  • Unifying pricing selectors into a modular pattern that could support future plan variations

  • Applying auto-layout and responsive constraints for efficient reuse

  • Creating clear information hierarchy to help users compare plans faster

  • Introducing progress indicators to reduce onboarding drop-offs

Impact

  • Faster experimentation with new pricing and onboarding ideas

  • Improved clarity in plan comparison

  • Reduced design effort by creating reusable modules

  • Higher product team confidence through fully interactive prototypes

What I Led

High-fidelity prototypes, module design, UI exploration, system alignment, inter-team collaboration.

Final Delivery

A scalable set of prototypes and UI patterns supporting multiple product experiments and ensuring consistency with the telecom design language.

Reflection

WhatsApp SIM strengthened my ability to design consistent multi-module interfaces while enabling rapid prototype-driven decision making.

WhatsApp
Whatsapp
Whatsapp
Whatsapp

Crafting thoughtful digital experiences grounded in clarity, purpose, and careful execution - designed to solve real problems and stand the test of time.

Creating digital experiences that balance aesthetics, usability, and intention - where every decision is deliberate and every detail serves a purpose.

Let's Make Miracles
© 2024 VAJAHAT ALI KHAN

Crafting thoughtful digital experiences grounded in clarity, purpose, and careful execution - designed to solve real problems and stand the test of time.

Creating digital experiences that balance aesthetics, usability, and intention - where every decision is deliberate and every detail serves a purpose.

Let's Make Miracles
© 2024 VAJAHAT ALI KHAN