Overview

CleaNight application was designed as a part of in-class Semester project that aimed to develop a habit-forming app based on brushing teeth before bed. The deliverable was to explore the concept of the hook model and design an application that engages users by providing them with what they are looking for.

Problem

Teenagers and young adults aged 12–24 often go to bed without taking care of their oral health because they see it as overwork, feel lazy, or struggle to start and keep the habit consistent. Many get constant reminders or even scolded by their parents, which sometimes leads to giving up on the habit altogether or seeing brushing before bed as a big task rather than a necessity. There is a lack of a platform that can motivate teenagers to start, manage, and stick to brushing their teeth before bed making it feel less like a chore and more like a normal part of life.

Teenagers and young adults aged 12–24 often go to bed without taking care of their oral health because they see it as overwork, feel lazy, or struggle to start and keep the habit consistent. Many get constant reminders or even scolded by their parents, which sometimes leads to giving up on the habit altogether or seeing brushing before bed as a big task rather than a necessity. There is a lack of a platform that can motivate teenagers to start, manage, and stick to brushing their teeth before bed making it feel less like a chore and more like a normal part of life.

Goals

To design a digital experience that encourages users to consistently brush their teeth before bed by making the habit engaging, easy to track, and rewarding ultimately improving the oral hygiene outcomes.

To design a digital experience that encourages users to consistently brush their teeth before bed by making the habit engaging, easy to track, and rewarding ultimately improving the oral hygiene outcomes.

Solution

CleaNight is a habit-building mobile application designed to increase user engagement with nightly brushing routines. By Leveraging simple design tricks, helpful reminders, and rewards for good habits, the app transforms brushing into a rewarding and trackable experience motivating users to develop and sustain healthy habits

over time.

CleaNight is a habit-building mobile application designed to increase user engagement with nightly brushing routines. By Leveraging simple design tricks, helpful reminders, and rewards for good habits, the app transforms brushing into a rewarding and trackable experience motivating users to develop and sustain healthy habits over time.

CleaNight is a habit-building mobile application designed to increase user engagement with nightly brushing routines. By Leveraging simple design tricks, helpful reminders, and rewards for good habits, the app transforms brushing into a rewarding and trackable experience motivating users to develop and sustain healthy

habits over time.

Impact Expectation

89%

Boost in confidence among users using in the product

Boost in confidence among users using in the product

Boost in confidence among users using in the product

75%

Achieved successful task completion during testing showing the app's intuitiveness.

Achieved successful task completion during testing showing the app's intuitiveness.

Achieved successful task completion during testing showing the app's intuitiveness.

By transforming nightly brushing into an engaging and rewarding activity, CleaNight aims to increase user retention and consistency in oral care routines.

Takeaways

The hooked model approach demonstrated how to create designs that enhance user engagement process of creating products that prompt users to return repeatedly, thereby increasing retention.


Organizing and prioritizing required features as notes was inefficient. Prioritizing features using methods like the KANO card method and the MoSCoW methodology helped in creating a streamlined and effective product that addresses the users' most critical needs.


Synthesizing user feedback and categorizing it by priority helped efficiently focus on

the most important issues.

The hooked model approach demonstrated how to create designs that enhance user engagement process of creating products that prompt users to return repeatedly, thereby increasing retention.


Organizing and prioritizing required features as notes was inefficient. Prioritizing features using methods like the KANO card method and the MoSCoW methodology helped in creating a streamlined and effective product that addresses the users' most critical needs.


Synthesizing user feedback and categorizing it by priority helped efficiently focus on the most important issues.

The hooked model approach demonstrated how to create designs that enhance user engagement process of creating products that prompt users to return repeatedly, thereby increasing retention.

Organizing and prioritizing required features as notes was inefficient. Prioritizing features using methods like the KANO card method and the MoSCoW methodology helped in creating a streamlined and effective product that addresses the users' most critical needs. Synthesizing user feedback and categorizing it by priority helped efficiently focus on the most important issues.

Design Process

Design Process

I used 5 Elements of UX method to design my product facilitated by Hooked model concept. Soon after finishing my hi-fi prototype, I conducted usability testing to gather key insights on whether the product delivers the goal it should meet to the users.

I used 5 Elements of UX method to design my product facilitated by Hooked model concept. Soon after finishing my hi-fi prototype, I conducted usability testing to gather key insights on whether the product delivers the goal it should meet to the users.

Iteration

User testing, Synthesis, hypothesis based iteration

Surface

Hi-fi prototype

Skeleton

Lo-fi Sketches, Hi-fi Wireframes

Lo-fi Sketches, Hi-fi Wireframes

Skeleton

Lo-fi Sketches, Hi-fi Wireframes

Scope

Kano cards, MOSCOW

Strategy

Problem identification, Storyboarding

Problem identification, Storyboarding

Problem identification, Storyboarding

What was the Actual Problem?

What was the Actual Problem?

What was the Actual Problem?

People often struggle to start, follow or maintain the habit of brushing their teeth before bed, leading to poor dental health and potential health complications. This can be due to a lack of time, forgetfulness, or a lack of motivation.

How might we make users brush their teeth before bed, encouraging users to develop this as a consistent oral hygiene routine?

CleaNight

Start Brushing

Opportunity

Provide a platform that rewards users with interesting incentives that triggers users to make brushing their daily habit.

Provide a platform that rewards users with interesting incentives that triggers users to make brushing their daily habit.

Provide a platform that rewards users with interesting incentives that triggers users to make brushing their daily habit.

Solution

A habit-forming app that offers rewards like bedtime stories and calming sounds after users meet their brushing time. Users rate stories to unlock more genres. Teenagers get daily comics and nature sounds. Completing weekly challenges grants access to an exclusive podcast. A stat card tracks dental health progress, encouraging daily brushing.

A habit-forming app that offers rewards like bedtime stories and calming sounds after users meet their brushing time. Users rate stories to unlock more genres. Teenagers get daily comics and nature sounds. Completing weekly challenges grants access to an exclusive podcast. A stat card tracks dental health progress, encouraging daily brushing.

A habit-forming app that offers rewards like bedtime stories and calming sounds after users meet their brushing time. Users rate stories to unlock more genres. Teenagers get daily comics and nature sounds. Completing weekly challenges grants access to an exclusive podcast. A stat card tracks dental health progress, encouraging daily brushing.

So, What CleaNight aims to do?

So, What CleaNight aims to do?

Offer reminders and allow them to track progress through streaks and visual indicators. It motivates users to start as well as make them follow their habit daily by giving valuable rewards as incentive.


Encourages app users to return regularly, investing five minutes each day in maintaining their oral hygiene, by heightening their anticipation of receiving fresh and surprising rewards on a weekly basis.

Designs

Storyboarding

Designs

Homescreen

The layout is clean and uncluttered, with a clear hierarchy of information. This makes it easy for users to understand the app's benefits and core functionalities at a glance.

The statistical data provided are made simpler and easily understandable avoiding jargons.

The layout is clean and uncluttered, with a clear hierarchy of information. This makes it easy for users to understand the app's benefits and core functionalities at a glance.

The statistical data provided are made simpler and easily understandable avoiding jargons.

Rewards

“Scratch to reveal” rewards give you fun sounds and easy-listening podcasts to help you relax before going to sleep.


• Minimal and intuitive reward access with visually appealing colors and illustrations, reducing added stress during mobile use.


• A fun to read comic section to enable newspaper lovers to have a great time before sleep.


Interact with the reward within your hands reach. But what is this hidden gem?

“Scratch to reveal” rewards give you fun sounds and easy-listening podcasts to help you relax before going to sleep.


• Minimal and intuitive reward access with visually appealing colors and illustrations, reducing added stress during mobile use.


• A fun to read comic section to enable newspaper lovers to have a great time before sleep.


Interact with the reward within your hands reach. But what is this hidden gem?

Profile/Statistics

A statistical profile section combined with statistical data based on user’s brushing action sent through the Electric brush.


Intuitive brushing statistics data visuals to motivate users to improve and maintain their habit of brushing.

A statistical profile section combined with statistical data based on user’s brushing action sent through the Electric brush.


Intuitive brushing statistics data visuals to motivate users to improve and maintain their habit of brushing.

Frequency

Matrix

Frequency

Matrix

I gathered extensive feedback on both the UI and usability. To organise this information, I used a frequency matrix to identify and prioritize the key issues that users felt needed addressing.

I gathered extensive feedback on both the UI and usability. To organise this information, I used a frequency matrix to identify and prioritize the key issues that users felt needed addressing.

Key Insights

“Yeah, so I was trying to figure out how the future rewards were gonna be offered to me” - Jashwanth

“Yeah, so I was trying to figure out how the future rewards were gonna be offered to me” - Jashwanth

Rewards expectation

User could not able to understand and execute how future rewards work.

User could not able to understand and execute how future rewards work.

Hypothesis

Hypothesis

Terms like "most liked" and "personalized" are not very specific. Users might not understand what criteria are used to determine what they will like in the future.


The description doesn't provide any examples of what kind of rewards users might receive. This could leave users feeling unsure about the value and desirability of the rewards program.


The screen relies solely on text. Icons or images could be helpful to visually represent the types of rewards users can expect.

Terms like "most liked" and "personalized" are not very specific. Users might not understand what criteria are used to determine what they will like in the future.


The description doesn't provide any examples of what kind of rewards users might receive. This could leave users feeling unsure about the value and desirability of the rewards program.


The screen relies solely on text. Icons or images could be helpful to visually represent the types of rewards users can expect.

“I wasn't sure where to look to see how I was doing on the app. I swiped around for a while but couldn't find anything.” - Sai surya

“I wasn't sure where to look to see how I was doing on the app. I swiped around for a while but couldn't find anything.” - Sai surya

Statistics expectation

User could not notice the "Swipe up text."

User could not notice the "Swipe up text."

Hypothesis

Hypothesis

The text color blends in with the background image. The light blue text on a light blue background makes it difficult to read, especially for users with visual impairments or on devices with lower brightness settings.

The text size is relatively small compared to other elements on the screen. This could make it difficult to read, especially on smaller screens.

The text does not stand out visually. There are no bold fonts, contrasting colors, or arrows to draw attention to the swipe-up instruction.

The text color blends in with the background image. The light blue text on a light blue background makes it difficult to read, especially for users with visual impairments or on devices with lower brightness settings.

The text size is relatively small compared to other elements on the screen. This could make it difficult to read, especially on smaller screens.

The text does not stand out visually. There are no bold fonts, contrasting colors, or arrows to draw attention to the swipe-up instruction.

Addressing
UI issues

Apart from the key insights, I had to rectify necessary UI mistakes that disrupts the normal workflow of the app. but then to come up with suitable solutions, I approached SCAMPER i.e Substitute, Combine, Adjust, Modify, Put to use, Eliminate and Rearrange.

By following this approach, I had a clear idea on how to come up with simple solutions that will effectively help user’s have a good user experience of the app.

Back to top

Create a free website with Framer, the website builder loved by startups, designers and agencies.