Reframe

Redesign of onboarding flow from signup to the trial screen.
Reframe is an iOS app for Building Healthier Drinking Habits.

Design process

This is the high-level view of the design process that I followed to redesign the onboarding experience.

Analyzing

Define

Design

UI Exploration

Analyzing the usability issues and UI.
Understanding Target audience

Defining problem and new goals.

Design final screens in Figma

Exploring other successful designs and best practices.

Why redesign?

In order to redesign an existing flow of a successful app in the alcohol reduction field, there needs to be a clear reason for doing so. One potential reason for this particular challenge could be to increase adoption rate of the app. Additionally, there is a unique requirement to incorporate AI into the redesign, which presents an opportunity to enhance the app's capabilities and provide users with more personalized and effective support. By carefully considering these factors and taking a user-centered design approach, the team can create a more intuitive and engaging user experience that encourages greater adoption of the app and ultimately helps to reduce alcohol consumption.

Analyzing the current onboarding flow

First I downloaded the Reframe app and imagine myself as a first-time user to experience the app.

Second As a UX designer, I conducted a thorough analysis of the app and identified several potential issues that could impact user adoption. By taking a user-centered design approach, I was able to identify pain points in the user journey and areas where the app could be improved to better meet user needs and expectations. This analysis provides valuable insights for the team to inform the redesign process and create a more effective and user-friendly app

First -I experienced the onboarding as a user.

About

Account

Support

Profile

Reframe app by Renuka Lakra

Second -I analyzed the onboarding as a Designer keeping user's perspective in mind.

Insights from analysis

Working well

1. The app has ample evidence of its reliability, which instills confidence in users and encourages trust in the product.
2. The onboarding flow offers users a customized plan tailored to their needs, which encourages engagement and adoption.
3. The UI is consistent and on brand, which helps build more trust.

Needs Improvement

1. The overall length of the onboarding is too long.
2. Users might get lost in why they are in the onboarding.
3. Inserting additional screens between the customized plan steps has the potential to disrupt users' understanding and cause them to lose track of their progress.

Define

How might we design an onboarding that let users to create a customized plan quickly and also let them have their aha moment.

How might we incorporate AI into the onboarding flow.