Reducing friction in activation journey
Redesigned the activation flow to reduce friction, improve visual consistency, and guide users through a clearer step-by-step experience.
Context
The existing experience had several usability and visual issues.
Users were unsure how many steps were required.
The progress indicator was difficult to notice.
Auto-renewal enrollment was low.
The interface no longer aligned with the latest brand.
Role
UI Design
UX Design
Wireframing
Prototyping
Stakeholder collaboration
Research (Identify pain points) → Wireframes → UI Exploration → Final Design → Validation
Key Insight
Users didn't need more instructions—they needed reassurance
that they were making progress.
Decision
Combine 3 screens into a single page, avoid jumping from page to page. Clear step instructions, and what you would receive, and what you have completed in every steps.
Scrub the unnecessary visual interruption that create friction. remove the background image and icons.
Using the same color of different tint to identify the steps to keep the visual simple and consistence.
Content hierarchy to guide the users the most important and what they should focus on.
Before
Progress hidden below fold
Only 2 steps displayed
Outdated visual hierarchy
After
Progress always visible
Accurate 3-step structure
Cleaner layout with modern UI
Design Exploration
Outcome
By simplifying the activation flow, improving step visibility, and modernizing the interface, the redesign led to measurable improvements across key business metrics.