Abinandhan's portfolio

🎉 Reward Unlocked 🎉

Weekly challenge completed!! Scratch to reveal your podcast for this week.

CleaNight

Progress

􀎤

25%

􀑪

􀉛

􀒪

Overview

Context

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.

My role

UX Designer

Type

Mobile app

Timeline

4 months

Industry

Consumer health and wellness, Habit formation

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.

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.

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.

Impact Expectation

89%

Boost in confidence among users using in the product

75%

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.

Process

My Approach

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.

Strategy

Problem identification, Storyboarding

Scope

Kano cards, MOSCOW

Structure

Content strategies, Information architecture

Skeleton

Lo-fi Sketches, Hi-fi Wireframes

Surface

Hi-fi prototype

Iteration

User testing, Synthesis, hypothesis based iteration

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

Opportunity

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

Storyboarding

Scoping

Key Features

I developed the feature list using Kano cards to classify satisfaction drivers and the MoSCoW method to prioritize Must, Should, Could, and Won’t‑have items. This prevented feature clutter, kept focus on real user problems, and guided which layers and embellishments were truly worth investing in balancing user delight with feasibility.

Structure

Navigating the Design

I structured content with clear hierarchies and task‑flows to reduce cognitive load. Navigation and labels were standardized for findability across breakpoints. User flows informed modular layouts that scale without feature clutter.

Wireframes

Visual concepts

Solution

How cleaNight looks?

CleaNight

Start Brushing

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.

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.

User Testing

Participant feedback

5 interviews, each approximately 30 minutes in duration, were conducted, recorded, and transcribed for in-depth analysis. Detailed debriefs were created for each interview to identify recurring patterns.

Key pain points for improvement

“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.

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 didn'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 didn'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

Statistics expectation

User could not notice the "Swipe up text."

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 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.

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.

Addressing
UI issues

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.

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.

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.