Case Study Background
Case Study

Mobile ActivationPlatform

Transforming the mobile device activation experience through user-centered design, reducing activation time by 60% and increasing customer satisfaction scores.

UX ResearchUI DesignDesign System
60%
Faster Activation
45%
Error Reduction
4.8
User Rating
50K+
Users Served
Project Overview

The Challenge

RT2 is a payment processing company that facilitates mobile activation and payment collection for store users based on their phone carriers. The existing workflow required users to navigate through multiple complex screens, creating friction in both the activation process and payment collection.

The challenge was to streamline the entire workflow, making it intuitive and simple to expedite the process without requiring numerous screens or clicks. Users needed a seamless experience that would allow them to complete mobile activation and payment collection efficiently, reducing time and effort while maintaining accuracy and security.

Complex Workflow

Too many screens and clicks slowing down the process

Mobile Activation Friction

Complicated activation flow causing user frustration

Payment Collection Issues

Inefficient carrier-based payment processing

Project Details

ClientRT2 Payment Processing
Timeline6 Months (Q1-Q2 2024)
My RoleUX Lead
Team2 Designers, 3 Developers
Tools Used
FigmaVisual Studio CodeVuetify.js
The Transformation

Before vs. After

A visual comparison showing how we transformed a complex, error-prone process into a streamlined, intuitive experience.

Before: Complex Flow

12 screens, high error rate

1

Login Screen

2

Select Carrier

3

Enter IMEI (Manual)

4

Verify IMEI

5

Enter SIM Card

6

Verify SIM Card

7

Customer Name

8

Customer Email

9

Customer Phone

10

Customer Address

11

Select Plan

12

Review & Submit

Key Pain Points

  • Each field on separate screen causing excessive navigation
  • No real-time validation leading to errors at submission
  • Users lost track of progress through the flow
  • Average completion time: 8-12 minutes
  • 42% error rate requiring rework

After: Streamlined Flow

4 screens, minimal errors

1

Device Information

IMEI, SIM, Device Type, Carrier

2

Customer Details

Name, Email, Phone, Address

3

Plan Selection

Visual plan cards with comparison

4

Review & Activate

Summary with instant activation

Key Improvements

  • Grouped related fields reducing screens by 67%
  • Real-time validation prevents errors before submission
  • Clear progress indicator shows completion status
  • Average completion time: 2-3 minutes (75% faster)
  • Error rate reduced to 8% (81% improvement)
67%
Fewer Screens
75%
Time Saved
81%
Error Reduction

Problem-Solving Approach

Information Grouping

Applied card sorting and affinity mapping to group related fields logically, reducing cognitive load and navigation steps.

Progressive Validation

Implemented inline validation with visual feedback, catching errors immediately rather than at final submission.

Visual Progress Tracking

Added a persistent stepper component showing users exactly where they are and how many steps remain.

Smart Defaults

Pre-populated common selections and used contextual hints to reduce manual input and decision fatigue.

Phase 01

Discovery

Understanding the landscape through stakeholder interviews to identify key pain points in the mobile activation workflow.

Stakeholder Insights

I conducted 16 stakeholder interviews across store operations, customer support, sales, and IT teams to understand internal perspectives on activation workflow challenges.

Store Managers

"Staff spend too much time on each activation, causing long customer wait times"

Customer Support

"Most calls are about activation failures and payment processing errors"

Sales Team

"Complex workflow leads to abandoned activations and lost sales"

IT Operations

"System timeouts and carrier API failures cause 30% of support tickets"

Key Themes Identified

1
Workflow Complexity

Too many screens and steps to complete activation

2
Payment Friction

Carrier-based payment collection causing errors

3
System Reliability

Frequent timeouts and API failures

4
Training Gap

New staff struggle with complex interface

Phase 02

User Research

Deep dive into user needs through interviews, surveys, and contextual inquiry to understand behaviors, motivations, and pain points of store staff.

In-Depth Interviews

Conducted 24 one-on-one interviews with store staff across different experience levels, store sizes, and geographic locations.

24Participants
40 minAvg. Duration

Quantitative Survey

Distributed a comprehensive survey to validate interview findings and gather statistically significant data on workflow preferences.

156Responses
91%Completion

Contextual Inquiry

Observed store staff using the activation system in real store environments to understand actual usage patterns and environmental factors.

12Sessions
3 hrsAvg. Duration

Key Research Findings

74%

cite too many clicks as their biggest frustration

8.2

average screens to complete one activation

68%

spend most time on plan selection

3.4x

longer activation time vs. industry benchmark

Phase 03

Synthesis

Transforming raw research data into actionable insights through persona development and pattern analysis.

User Personas

Marcus Thompson

32 • Experienced Sales Rep

Goals
  • Complete activations quickly
  • Minimize customer wait time
  • Hit daily sales targets
Frustrations
  • Too many redundant screens
  • System crashes during peak hours
  • Can't see all carrier options at once

"I know the system inside out, but it still takes too long. My customers shouldn't have to wait."

Sarah Mitchell

24 • New Store Associate

Goals
  • Learn the system quickly
  • Avoid making errors
  • Get help when stuck
Frustrations
  • Confusing navigation
  • No clear guidance on next steps
  • Fear of making costly mistakes

"I'm always worried I'll mess something up. The training didn't prepare me for all the edge cases."

David Chen

45 • Store Manager

Goals
  • Maximize store efficiency
  • Reduce support escalations
  • Train new staff effectively
Frustrations
  • High error rates from new hires
  • Time spent troubleshooting
  • Inconsistent carrier processes

"I spend more time fixing activation issues than actually managing my store."

Final Design

Mobile Activation Interface

A streamlined, intuitive interface that guides users through the activation process with minimal friction and maximum clarity.

Mobile Experience

Step 1: Device Info
1Device Info
Step 2: Customer Details
2Customer Details
Step 3: Plan Selection
3Plan Selection

Simplified Flow

Reduced from 12 screens to just 4 key steps

Clear Visual Hierarchy

Intuitive design guides users naturally

Secure Processing

Built-in validation and error prevention

Methodology

Design Process

A structured approach combining user research, iterative design, and close collaboration with development to deliver a seamless experience.

Phase 01

Discovery & Research

4 Weeks

Conducted user interviews, analyzed support tickets, and mapped the existing user journey to identify pain points.

  • Interviewed 24 customers across different demographics
  • Analyzed 150+ support tickets related to activation
  • Created journey maps and identified 8 critical pain points
  • Competitive analysis of 5 major competitors
Phase 02

Ideation & Wireframing

3 Weeks

Explored multiple solutions through rapid prototyping and collaborative design sessions.

  • Facilitated 3 design thinking workshops
  • Created 8 low-fidelity wireframe concepts
  • Developed user flow diagrams for 4 scenarios
  • Prioritized features through team collaboration
Phase 03

UI Design & Prototyping

5 Weeks

Designed high-fidelity mockups and interactive prototypes aligned with brand guidelines.

  • Created comprehensive design system
  • Designed responsive layouts for mobile, tablet, desktop
  • Built interactive Figma prototype for testing
  • Established accessibility guidelines (WCAG 2.1 AA)
Phase 04

Development & Handoff

8 Weeks

Collaborated closely with developers to ensure pixel-perfect implementation.

  • Implemented responsive CSS with Vuetify.js
  • Created detailed documentation for developers
  • Conducted 12 design QA sessions
Phase 05

Testing & Iteration

4 Weeks

Validated designs through usability testing and iterated based on feedback.

  • Conducted 3 rounds of usability testing with 18 users
  • A/B tested 4 critical user flows
  • Achieved 92% task completion rate
  • Reduced average activation time to 10 minutes
Interactive Demo

Try the Activation Flow

Experience the streamlined 4-step activation process. Navigate through each step to see how we simplified the user journey.

Mobile Activation Portal

Cricket Wireless • Real Time Technologies

New Activation Lines

Activate a new line for your customer

Cricket WirelessActive Session
1
2
3
4
Device Info

Enter device details

Device Information

Enter the device details to begin activation

Dial *#06# on the device to find IMEI

Step 1 of 4
Impact

Results & Outcomes

The redesigned activation platform delivered measurable improvements across all key performance indicators.

Before25 min
After10 min

Average Activation Time

60% faster
Before35%
After19%

First Attempt Failure Rate

45% reduction
Before40%
After15%

Support Call Volume

62% decrease
Before3.2
After4.8

User Satisfaction Score

50% increase

Key Learnings

User-Centered Approach

Early and continuous user involvement was crucial for identifying real pain points and validating solutions.

Cross-Functional Collaboration

Working closely with developers from day one ensured designs were technically feasible and implementation was smooth.

Iterative Process

Multiple rounds of testing and iteration led to a 40% improvement in usability scores from initial designs.