RiseWell

Your go-to app for building healthy habits and prioritizing well-being.

Say hello to your best self, one habit at a time!

Role

UI/UX Designer

Timeline

4 Months

Project

Academic Project

What I did

UI Design, UX Design, Prototyping, Recruiting Users, Usability Testing.

Tools used

Figma, Miro

Link to Prototype

The Problem

  • Many individuals depend on their morning cup of coffee for an initial energy boost, but struggle with focus and productivity once the caffeine wears off.

  • There is a lack of awareness regarding the negative effects of consuming caffeine immediately upon waking, impacting overall well-being.

  • Difficulty breaking the habit of a first-thing-in-the-morning coffee routine and lack of motivation to take actions.

The Challenge

How might we reduce the habit of consuming caffeine first thing in the morning by encouraging gradual behavior change through habit formation, helping individuals who want to improve their energy levels and build healthier daily routines?

The Solution

RiseWell is a wellness morning routine app aimed at empowering users to cultivate healthier habits, including delaying coffee intake, using modern technology.

Inspired by Nir Eyal's "Hooked Model," RiseWell incorporates triggers, actions, rewards, and investments to foster engagement and habit formation.

With features like setting personalized goals and tracking progress, RiseWell helps users achieve their wellness goals and simplifies integrating healthy practices into their daily routine.

Design Process

Strategy

Strategy

Scope

Scope

Structure

Structure

Skeleton

Skeleton

Surface

Surface

Research & Ideation

Research & Ideation

KANO Cards

KANO Cards

User Flow

User Flow

Wireframe

Wireframe

UI Design

UI Design

UI Styleguide

UI Styleguide

Usability Testing

Usability Testing

Storyboard

Storyboard

Persona

Persona

MoSCoW Method

MoSCoW Method

Ideation

In collaboration with my peers, we analyzed common actions in day-to-day habit-forming applications, identifying key behaviors and patterns, and synthesized our findings into an affinity map. This map visually connects all four stages of the Hooked Model, ensuring a cohesive and strategic approach to habit formation.

Hooked Model

External Triggers: Push notifications reminding users to delay their morning coffee.

Unlocks reward on completing goals-Discount coupons.

Statistics showcasing completed, upcoming and ongoing goals.

Opens the app upon receiving a notification.

Chooses any desired activity to delay coffee.

Internal Triggers: Desire to improve overall health and wellness, internal motivation to maintain a delay streak.

Trigger

Investment

Action

Reward

Storyboard

I created a storyboard that shows how users interact with the app, emphasizing the four core factors of habit formation: Trigger, Action, Reward, and Investment. Each frame of the storyboard captures one of these stages, providing a visual representation of the user’s journey, ensuring the app's design actively encourages habit formation.

Alex receives his daily notification from RiseWell app to complete his goal-12 day streak of delaying caffeine.

Alex receives his daily notification from RiseWell app to complete his goal-12 day streak of delaying caffeine.

Trigger

Trigger

Choose your activities

Choose your activities

Action

Action

The app provides a number of activities for the user to engage in.

The app provides a number of activities for the user to engage in.

Congratulations You did it !

Congratulations You did it !

Scratch the Ca and Claim your Reward

Scratch the Ca and Claim your Reward

Variable Reward

Variable Reward

After completing 11 Day streak of delaying caffeine, Alex earns a scratch card as a reward, adding an element of excitement and surprise.

After completing 11 Day streak of delaying caffeine, Alex earns a scratch card as a reward, adding an element of excitement and surprise.

Investment

Investment

Alex actively engages with the personalized progress dashboard, tracking streaks, completed activities, and overall well-being.

Alex actively engages with the personalized progress dashboard, tracking streaks, completed activities, and overall well-being.

Scope

Kano Cards

Kano cards help categorize features based on their impact on user satisfaction. People respond to different aspects of a product or service, experiencing varying degrees of delight, satisfaction, or frustration. The Kano Model cleverly breaks down these reactions into distinct categories: Delighters, Performance, and Basic Needs.

I created a set of 22 Kano cards capturing the app's potential features, to place on the MoSCow board. Here are the four main cards based on the app’s requirement.

Daily Activity/Goal Notification

Description

Users receive daily notifications reminding them of their wellness goals and encouraging them to engage with the app. They help the users to stay on track with their health and wellness journey.

03

T

Basic

Performance

Delighter

T - Trigger

Activity Selection

Description

The activity selection menu presents users with a range of options to choose from, to tailor their morning routine according to their preferences and needs , that helps them delay caffeine

04

A

Basic

Performance

Delighter

A - Action

Scratch Cards

Description

Rewards based on the users performance and progress, motivating them to consistently participate and explore different aspects of the app.

06

R

Basic

Performance

Delighter

R - Reward

Progress Tracker

Description

The progress tracker monitor streaks, completed activities, empowering the users to stay motivated and accountable.

07

I

Basic

Performance

Delighter

I - Investment

MoSCow Method

Next, I applied the MoSCoW Methodology to prioritize the features, categorizing them into Must Have, Should Have, Could Have, and Won't Have. This structured approach provided a clear framework for prioritizing features and establishing a solid foundation for the entire project.

MUST HAVE

SHOULD HAVE

COULD HAVE

WON’T HAVE

Onboarding

Description

The initial setup process guiding users through the app's features, ensuring a smooth introduction to app's functionality.

01

Basic

Performance

Delighter

Tell Us About You Q/A

Description

This feature engages users with interactive questions to understand their morning routine preferences and wellness goals.

02

Basic

Performance

Delighter

Daily Activity/Goal Notification

Description

Users receive daily notifications reminding them of their wellness goals and encouraging them to engage with the app. They help the users to stay on track with their health and wellness journey.

03

T

Basic

Performance

Delighter

Activity Selection

Description

The activity selection menu presents users with a range of options to choose from, to tailor their morning routine according to their preferences and needs , that helps them delay caffeine

04

A

Basic

Performance

Delighter

Set Your Own Goal

Description

Enables users to set individual goals, encouraging a sense of accomplishment as they work towards their personalized targets within the app's framework.

05

A

Basic

Performance

Delighter

Scratch Cards

Description

Rewards based on the users performance and progress, motivating them to consistently participate and explore different aspects of the app.

06

R

Basic

Performance

Delighter

Basic

Performance

Delighter

Progress tracker

Description

The progress tracker monitor streaks, completed activities, empowering the users to stay motivated and accountable.

07

I

Customizable Timer Functionality

Description

With the customizable timer functionality, users can set durations for their morning activities. It enables users to allocate time efficiently and maintain a balanced routine suited to their schedule.

08

Basic

Performance

Delighter

Quick Post-Activity Feedback

Description

It prompts users to share their post-activity emotions swiftly, for self-reflection and creating a feedback loop for users to connect with their well-being journey.

09

Basic

Performance

Delighter

Personalized Recommendations

Description

The app provides morning activity suggestions based on users preferences and past engagement, enhancing personalization for a more fulfilling morning routine.

10

Basic

Performance

Delighter

Social Challenges

Description

Enables users to invite friends for friendly challenges, for healthy competition within the app.

11

Basic

Performance

Delighter

Social Challenges Leaderboard

Description

Users can compete with friends, track progress on leaderboards

12

Basic

Performance

Delighter

Wellness Insights and Tips

Description

The app offers valuable insights and tips related to wellness, empowering users with knowledge and guidance to enhance their morning routine.

13

Basic

Performance

Delighter

Community Engagement Features

Description

Forums and group discussions, where users can share experiences, seek advice, and build connections with like-minded individuals.

14

Basic

Performance

Delighter

Motivational Quotes

Description

The app provides uplifting quotes to inspire users, encourage positive mindset throughout their well-being journey.

15

Basic

Performance

Delighter

Feedback Mechanism

Description

Enables users to offer feedback and suggestions, for continuous improvement so that app evolves according to user needs and preferences.

16

Basic

Performance

Delighter

Revive your streaks

Description

Users can restart interrupted streaks to maintain consistency in their morning routines, motivating them to stay committed and achieve their goals.

17

Basic

Performance

Delighter

Subscription Model

Description

The app offers users to subscribe to access its features for extra benefits.

18

Basic

Performance

Delighter

Social Media Integration

Description

Enables users to share their progress on social media.

19

Basic

Performance

Delighter

ChatBot

Description

Interact with a friendly chatbot to get quick answers, personalized recommendations, and guidance

20

Basic

Performance

Delighter

Offline Access

Description

Users can access essential features of the app without an internet connection, ensuring uninterrupted usage and continued progress tracking even in offline environments.

21

Basic

Performance

Delighter

Integration with wearables

Description

Users can seamlessly sync data from wearable devices, such as fitness trackers or smartwatches, to enhance accuracy and convenience

22

Basic

Performance

Delighter

MUST HAVE

SHOULD HAVE

COULD HAVE

WON’T HAVE

Onboarding

Description

The initial setup process guiding users through the app's features, ensuring a smooth introduction to app's functionality.

01

Basic

Performance

Delighter

Tell Us About You Q/A

Description

This feature engages users with interactive questions to understand their morning routine preferences and wellness goals.

02

Basic

Performance

Delighter

Daily Activity/Goal Notification

Description

Users receive daily notifications reminding them of their wellness goals and encouraging them to engage with the app. They help the users to stay on track with their health and wellness journey.

03

T

Basic

Performance

Delighter

Activity Selection

Description

The activity selection menu presents users with a range of options to choose from, to tailor their morning routine according to their preferences and needs , that helps them delay caffeine

04

A

Basic

Performance

Delighter

Set Your Own Goal

Description

Enables users to set individual goals, encouraging a sense of accomplishment as they work towards their personalized targets within the app's framework.

05

A

Basic

Performance

Delighter

Scratch Cards

Description

Rewards based on the users performance and progress, motivating them to consistently participate and explore different aspects of the app.

06

R

Basic

Performance

Delighter

Basic

Performance

Delighter

Progress tracker

Description

The progress tracker monitor streaks, completed activities, empowering the users to stay motivated and accountable.

07

I

Customizable Timer Functionality

Description

With the customizable timer functionality, users can set durations for their morning activities. It enables users to allocate time efficiently and maintain a balanced routine suited to their schedule.

08

Basic

Performance

Delighter

Quick Post-Activity Feedback

Description

It prompts users to share their post-activity emotions swiftly, for self-reflection and creating a feedback loop for users to connect with their well-being journey.

09

Basic

Performance

Delighter

Personalized Recommendations

Description

The app provides morning activity suggestions based on users preferences and past engagement, enhancing personalization for a more fulfilling morning routine.

10

Basic

Performance

Delighter

Social Challenges

Description

Enables users to invite friends for friendly challenges, for healthy competition within the app.

11

Basic

Performance

Delighter

Social Challenges Leaderboard

Description

Users can compete with friends, track progress on leaderboards

12

Basic

Performance

Delighter

Wellness Insights and Tips

Description

The app offers valuable insights and tips related to wellness, empowering users with knowledge and guidance to enhance their morning routine.

13

Basic

Performance

Delighter

Community Engagement Features

Description

Forums and group discussions, where users can share experiences, seek advice, and build connections with like-minded individuals.

14

Basic

Performance

Delighter

Motivational Quotes

Description

The app provides uplifting quotes to inspire users, encourage positive mindset throughout their well-being journey.

15

Basic

Performance

Delighter

Feedback Mechanism

Description

Enables users to offer feedback and suggestions, for continuous improvement so that app evolves according to user needs and preferences.

16

Basic

Performance

Delighter

Revive your streaks

Description

Users can restart interrupted streaks to maintain consistency in their morning routines, motivating them to stay committed and achieve their goals.

17

Basic

Performance

Delighter

Subscription Model

Description

The app offers users to subscribe to access its features for extra benefits.

18

Basic

Performance

Delighter

Social Media Integration

Description

Enables users to share their progress on social media.

19

Basic

Performance

Delighter

ChatBot

Description

Interact with a friendly chatbot to get quick answers, personalized recommendations, and guidance

20

Basic

Performance

Delighter

Offline Access

Description

Users can access essential features of the app without an internet connection, ensuring uninterrupted usage and continued progress tracking even in offline environments.

21

Basic

Performance

Delighter

Integration with wearables

Description

Users can seamlessly sync data from wearable devices, such as fitness trackers or smartwatches, to enhance accuracy and convenience

22

Basic

Performance

Delighter

Structure

User Flow

Based on the ideas and features in my project, it was important to understand how the user would interact with the application.

Digital Wireframes

Skeleton

Style Guide

#FF7461

#FF7461

#FF9B5F

#FF9B5F

#FFE0EF

#FFE0EF

#FFEAB7

#FFEAB7

#C9FBF8

#C9FBF8

#1E242E

#1E242E

#9B9BA1

#9B9BA1

Roboto

Roboto

Regular

Regular

Medium

Medium

SemiBold

SemiBold

Bold

Bold

Noto Serif

Noto Serif

Bold

Bold

Get Started

Get Started

LIVELY

LIVELY

Energy, Enthusiasm, and Excitement

Energy, Enthusiasm, and Excitement

Surface

User Interface

Usability Testing

To ensure RiseWell’s effectiveness to help users effectively manage their caffeine intake and prioritize well-being, I conducted usability testing.

This crucial step focused on three key objectives:

Evaluate users' first impressions of the RiseWell interface.

Assess how easily users navigate the app's overall flow.

Uncover any pain points users encounter while following typical workflows within the RiseWell app.

User Screening

Usability testing participants were recruited through a screening survey. Out of the 32 individuals who completed the screener form, 20 expressed interest in participating in the usability testing, and 5 people gave the test.

I primarily focused on selecting users based on two criteria:

People who regularly consume coffee in the morning and are interested in managing or reducing their caffeine intake.

People who are open to using apps to support their health and wellness goals.

Usability Testing - Results

Most of the tasks performed by the users were successful. Users were happy with the app's ease of use and clear interface. They liked the core concept of delaying caffeine intake and appreciated features like the activity selection and progress tracking.

Overall, usability testing provided a clear picture of user needs and frustrations. This allowed me to refine the app's functionality and navigation, leading to a more intuitive and enjoyable user experience.

98.4%

Task Success

96.2%

Confidence Score

96.4%

Ease Score

Participants

Participants

Tasks

Tasks

You've received a notification from RiseWell. Open RiseWell now.

You've received a notification from RiseWell. Open RiseWell now.

Follow on-screen instructions to complete onboarding.

Follow on-screen instructions to complete onboarding.

You've established a goal to delay caffeine intake. From home screen, take action to delay caffeine intake.

You've established a goal to delay caffeine intake. From home screen, take action to delay caffeine intake.

Having successfully completed your goal, you've now earned a reward. Claim your reward now

Having successfully completed your goal, you've now earned a reward. Claim your reward now

Review all your rewards in the app.

Review all your rewards in the app.

See how far you've come! Check your progress and stats

See how far you've come! Check your progress and stats

Locate the in-app calendar and then proceed to review your goals.

Locate the in-app calendar and then proceed to review your goals.

P1

P1

P2

P2

P3

P3

P4

P4

P5

P5

Success

Success

Partial Success

Partial Success

Failure

Failure

Prioritizing Usability Findings

To prioritize usability issues identified during testing I utilized a Severity Matrix. It helped me determine which problems require the most immediate attention based on their impact and frequency. In this Diagram the y-axis showcases how many participants faced the issue and the x-axis showcases severity of the issue

1

1

2

2

3

3

4

4

5

5

Low

Low

Medium

Medium

Serious

Serious

User was expecting rewards related to the physical activity she chose.

User was expecting rewards related to the physical activity she chose.

User felt that it was a bit tricky for first time user, had to look around a bit.

User felt that it was a bit tricky for first time user, had to look around a bit.

User wished to be directed to the stats/ their progress after completing the daily goal

User wished to be directed to the stats/ their progress after completing the daily goal

User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial

User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial

User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial

User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial

User pointed out that there was no option to continue with google/ facebook

User pointed out that there was no option to continue with google/ facebook

User asked to mention what's today on the calendar as well.

User asked to mention what's today on the calendar as well.

User asked to highlight what's today’s activity in the TODAY section of stats page

User asked to highlight what's today’s activity in the TODAY section of stats page

User gave some examples of rewards by saying " a promo code for a uber restaurant, or some healthy groceries"

User gave some examples of rewards by saying " a promo code for a uber restaurant, or some healthy groceries"

User said that they felt like playlist wasn't reward worthy.

User said that they felt like playlist wasn't reward worthy.

Redesign

Redesign

01

01

After

After

To address this, I replaced it with coffee coupons, a more tangible reward that aligns with user expectations. This switch directly responds to user feedback, boosting motivation and overall satisfaction within the app.

To address this, I replaced it with coffee coupons, a more tangible reward that aligns with user expectations. This switch directly responds to user feedback, boosting motivation and overall satisfaction within the app.

Before

Before

Users found the morning playlist reward underwhelming and lacking motivation.

Users found the morning playlist reward underwhelming and lacking motivation.

02

02

Added alternative login options like Google and Facebook to the onboarding process. This lets users sign in with familiar credentials, skipping the extra step of creating a new account and password. It streamlines onboarding, making the app more accessible and inviting.

Added alternative login options like Google and Facebook to the onboarding process. This lets users sign in with familiar credentials, skipping the extra step of creating a new account and password. It streamlines onboarding, making the app more accessible and inviting.

Before

Before

After

After

03

03

Users struggled to understand the current day's activity in the stats section, causing confusion and frustration. To resolve this, I added a new "Today's Activity" section. This dedicated space helps users easily track their daily progress, improving their experience and motivation within the app.

Users struggled to understand the current day's activity in the stats section, causing confusion and frustration. To resolve this, I added a new "Today's Activity" section. This dedicated space helps users easily track their daily progress, improving their experience and motivation within the app.

After

After

Before

Before

04

04

Users struggled to move forward in the app as they couldn’t find the "Get Started" button buried at the bottom of the page. To fix this, I moved the button to the top of the page for immediate visibility, making it easier for users to jump into the app.

Users struggled to move forward in the app as they couldn’t find the "Get Started" button buried at the bottom of the page. To fix this, I moved the button to the top of the page for immediate visibility, making it easier for users to jump into the app.

Before

Before

After

After

05

05

Before

Before

After

After

Users struggled to identify the current date on the calendar page due to a lack of clear indication.

Users struggled to identify the current date on the calendar page due to a lack of clear indication.

To address this, I implemented a clear visual cue highlighting today's date.

To address this, I implemented a clear visual cue highlighting today's date.

Additionally, I revamped the calendar's overall appearance, enhancing its visual appeal and making it more intuitive to navigate.

Additionally, I revamped the calendar's overall appearance, enhancing its visual appeal and making it more intuitive to navigate.