Back

Registration Flow – UX Design Case Study

Streamlining User Registration from Start to Completion
Introduction
Introduce the challenge – “Our team embarked on a mission to redesign the registration flow for a better, smoother user experience. Our goal was to boost engagement and reduce drop-offs, ultimately increasing conversion rates from registration to payment completion.”
Problem Defination
Users were dropping off significantly at various stages of the registration flow, especially before payment completion. The existing design had pain points that created friction, leaving room for improvement to make the journey more intuitive.
Key Design Focus:
  1. Reduce friction points - Simplify and streamline.
  2. Increase clarity and ease - Make each step obvious and intuitive.
  3. Boost conversion rates - Guide users through to payment.
Competitor Analysis Insights
We analyzed competitors with high conversion rates and seamless registration experiences. This helped us understand what users expect in terms of speed, clarity, and intuitiveness.
Key takeaways:
  1. Simplified Forms - Competitors minimized required fields, reducing cognitive load.
  2. Consistent Feedback - Users received immediate feedback on inputs, building confidence.
  3. Clear Calls to Action (CTAs) - Clear, actionable language that encouraged progress.
Sobriety App is a social network platform for those who are fighting their addiction. This app helps people to fight addiction based on the stories & motivational quotes people share.

Users can select their interests, set their goals, also can communicate with experts on the platform. These interests will also help experts to deal with users who have addictions.

Sobriety App also organises events that users can join online or offline by visiting the location. Events can be physical activity or online tutorials.
Sobriety
UX/UI Designer
Aug 2018 — Oct 2019

Design Process

This is a design process chart that describe the flow starts from Research, Concept, Design, Prototype and test.Information architectureHigh fidelity wireframesStyleguideMockup screens

Design Process