01 / 23
flosser.
UX/UI Case Study · Mobile App

flosser.

A flossing app with reminders, a two-minute timer, and streaks.

✓
✓
✓
✓
5
6
7
Role
Product Designer · UX/UI
Platform
iOS Mobile
Tools
Figma
Personal Interest

“Almost everyone I know has a hard time flossing, and I'm one of them. I keep floss on my desk because I forget at night.”

My friends and family say they skip it too. So I knew this was a real problem.

How Might We

How might we help people who struggle to floss build a simple daily habit, so they can improve their oral hygiene and feel more confident about their smile?

Background Research

Skipping floss matters more than people think.

If you skip it
  • Gum disease starts with swollen, red, bleeding gums. Left alone, it can spread to the bone and loosen teeth.1
  • It is associated with heart disease and diabetes,1 and with dementia in older adults.2 These are links found in studies, not proof that it causes them.
  • Toothbrush bristles can't clean the tight spaces between teeth.3
  • Only about 1 in 3 US adults floss every day.4
What works
  • Tying flossing to a set cue builds the habit. People who flossed right after brushing had stronger habits 8 months later.5
  • Tracking progress helps people reach their goals.6
  • Sharing that progress with others makes tracking work even better.6
  • Habits run on a loop: a cue, a routine, then a reward.7
  • Starting tiny and attaching it to something you already do helps it stick.8

Numbers match the Sources page at the end.

Survey Says

So I asked 23 people what stops them.

77%

Cite forgetfulness as the reason they skip flossing

64%

Admit laziness gets in the way, even when they know better

26%

Say they always floss, from the same survey

22

People who answered what gets in the way

The Big Idea

An app that reminds you to floss.

It's built on the cue, routine, reward loop from The Power of Habit by Charles Duhigg.

Cue Daily reminder Routine 2-min timer Reward Streak kept
Competitors

Dental apps remind you. Habit games reward you. None of them does both for flossing.

I compared five apps using each app's own listing. Reminders and timers already exist. Rewards and friends only show up in a habit game or with a smart toothbrush. Flosser has both in a free, two-minute routine.

Dental appsHabit app
Text2FlossToothyBrush DJOral-BHabiticaFlosserMy app
Flossing remindersText messagesPremiumYesNot listedAny habitOne a day
Timer or how-to guideTimer + videosVoice-guidedMusic timer + videosBrushing coachNot listed2-min timer + guide
Progress trackingFlossing reportStatisticsNot listedWeekly, monthlyStreaksStreak + calendar
Rewards to come back forNot listedNot listedNot listedMedalsGold, gear, petsChip + closet
FriendsNot listedNot listedNot listedNot listedPartiesFriends tab
Works without extra hardwareYesYesYesNeeds a smart toothbrushYesYes

Swipe the table to see Flosser →

"Not listed" means the feature isn't mentioned in the app's own store page or website.

Who I'm designing for.

35%

Never or rarely floss. That's more than a third of the people I surveyed. For them, Flosser is a way to start.

Target Audience

Three kinds of people, one app.

  • People who don't floss enough
  • People who don't floss at all
  • People who want to take their oral health more seriously

About as many people never floss as floss every day. Flosser has to work for both.

How often do you floss?
23 RESPONSES
Never · 26.1%
Rarely · 8.7%
Sometimes · 4.4%
A few times a week · 21.7%
Often · 13%
Always · 26.1%
Survey

Forgetting was the top reason.

A reminder can fix that, so the first thing Flosser does is remind you.

What factors influence whether or not you floss regularly?
22 responses
Forgetfulness17 · 77.3%
Laziness14 · 63.6%
Time constraints7 · 31.8%
Discomfort or pain4 · 18.2%
Perceived effectiveness of other methods4 · 18.2%
Audience Interview & Strategy

Then I interviewed five people.

I wanted to know why people struggle to floss. Is it forgetting, low motivation, not knowing how, or not seeing the point?

Interviewed
Jessica
Gabe
Kathy
Rachel
Mike
  • "I need annoying reminders or I won't floss at all." · Jessica
  • "I only floss at night, I just need a notification to make sure I don't forget." · Gabe
  • "I will only use the app if it comes with the product." · Kathy
  • "Dentists need to convince me to use the app." · Rachel

A 2025 study of university students found the same pattern: limited knowledge, fatigue, busy schedules, and cost were the main reasons people struggled with good oral health habits.9

Azam et al., BMC Public Health, 2025

Turning Research Into Decisions

Every feature comes from something someone said.

Three principles came out of it: remind, don't nag; reward consistency, not perfection; and make progress feel alive.

What people told me
What I designed
People forget to floss
→
One daily reminder, on by default, never more than onePrinciple: Remind, don't nag
Flossing feels like a chore
→
A short, guided 2-minute routine
People lose motivation over time
→
A streak that holds when you miss a day, instead of resetting to zeroPrinciple: Reward consistency, not perfection
People respond to accountability
→
Friends, so you can see each other's streaks
Gamification can feel punishing
→
Chip and cosmetic rewards, never penaltiesPrinciple: Make progress feel alive
Persona

Emily is based on what people told me. They forget, and most reminder apps feel too strict.

Emily Watts

Emily Watts

24 · Graphic Designer · San Francisco
Goals
  • A consistent nightly flossing routine
  • Guidance on proper technique
  • Streaks to stay motivated
Pain Points
  • Easily forgets to floss at night
  • Current reminder apps feel rigid
  • Progress tracking is unclear or cumbersome
Quote

"I feel better knowing I didn't skip tonight. My streak keeps me on track."

Emily's Story

One night in Emily's week.

01

Long workday ends, and flossing is the easiest thing to skip.

02

She gets a reminder after work.

03

She opens Flosser.

04

A quick tutorial reminds her of proper technique.

05

The 2-minute timer keeps her from rushing.

06

Her streak goes up, and she feels good about it.

Moodboard · Brand World

From soft lavender to Mint Thread.

The first version was pastel lavender on white. It looked like every other wellness app. So I switched to the color of a floss spool, green, with coral for highlights.

Our Why

Most people know they should floss.
Most people forget.

I designed Flosser to make flossing feel easy and rewarding, so it turns into a habit.

Remembera gentle nudge
→
Flossjust 2 minutes
→
Rewardfeel-good progress
→
Repeatbuild your routine

It's built on the cue, routine, reward loop from The Power of Habit by Charles Duhigg.

Photography

Real bathroom moments in natural light.

real & relatable
bright & natural
clean & fresh
natural lightsoft shadowsclean surfaceseveryday moments
Color · what each color is for
Thread
Green
our primarygrowth, trust, consistency
Floss
Coral
energy & highlightsmotivation, celebration
Mint
Tint
calm backgroundsfreshness, balance
Paper
breathing roomclean, soft, neutral
Ink
text & iconsclarity, contrast
Snaggle
Green
our mascotpersonality, playfulness

No red. I didn't want anything in the app to look like you failed.

Shape Language

Round shapes everywhere, so the app feels friendly.

round edges
wavy thread
organic blobs
smile curves
gentle motion

Chip's smile, the streak dots, and the timer ring all use the same curves. There are no sharp corners.

A soft organic blob shape and a curving line of floss beside a mint floss pick and water droplets on cream fabric
The Direction I Left Behind

Violet on white looked like every other wellness app. I dropped it.

Sampled from the original prototype.

Task Flow

Her first two minutes in the app.

Task: build a consistent flossing habit by setting reminders and tracking progress.

1

Opens the app to Chip, defaulted to a daily reminder, no setup screen in the way.

2

Reads a quick how-to-floss guide.

3

Starts the 2-minute flossing timer.

4

Chip reacts, and the streak thread fills in for the day.

5

Shares with friends to stay accountable.

6

Outcome: the habit has started.

Measurable outcome: did the user complete a session with the timer and begin building a daily habit?

Flossing days now live in Settings, defaulted to every day, rather than gating onboarding. Someone building a daily habit shouldn't have to configure it first.

Focus Group & Results

I watched three people use it. I made three changes.

Kathy, Xally, and Isabella, in one session, talking through their real flossing habits.

Isabella
  • Wants friends' activity surfaced earlier
  • Wants a simple bottom navigation bar
Xally
  • Alarm placement was confusing
  • Timer and guide were most useful
Kathy
  • Echoed the navigation and motivation feedback
Testing Changed the Product
What Users Said
What Changed
"I couldn't find Friends quickly."
→
Moved Friends into primary navigation
Alarm placement was confusing
→
Simplified the reminder interaction
Decaying tooth felt punishing
→
Chip reacts, Snaggle takes the blame
The Design Goal
2
→
6

nights a week is the goal. It's a target, not a measured result yet.

The Experience

Three screens, one loop.

Flosser home screen showing Chip the tooth mascot, a 1-day streak, and the week's flossing checklist
Home

Opens straight to Chip and today's streak, no setup screen in the way.

Flosser timer screen with a 2-minute countdown ring and skip-timer option
Timer & Guide

A two-minute timer so you don't rush, guide open the whole time.

Flosser friends activity screen showing each friend's weekly flossing streak
Friends

See how friends are keeping up with their streaks, so you can hold each other accountable.

I added four features. A reminder, so you don't forget. A timer, so you don't rush. Friends, so you don't want to be the one who skipped. And Chip, a mascot who gives you a reason to come back tomorrow.

Try the full prototype in Figma →

Design Evolution

From early prototype to final design.

The first version worked, but nobody would want to open it. Pick a screen and drag to compare.

Final home screen: Chip the mascot, the week streak, and a Start Flossing button above a tab bar
AfterAdd this fileimg/flosser_home.png
Early home screen: a routine picker with the flossing guide, a Start Flossing timer card, weekly progress, and an Add New Routine button
BeforeAdd this fileimg/flosser_before_home.png
EarlyFinal

Drag to compare

Navigation

Hamburger → tab bar

Four sections used in a two-minute session shouldn't hide behind a menu icon.

Structure

One screen → two

Progress and Friends got split into their own tabs instead of competing for space.

Reward

No mascot → Chip

The reward part of the habit loop needed a face, so I made Chip.

Color

Generic violet → warm palette

Purple looked like every other wellness app. Cream, mint, and coral feel friendlier.

Accountability

Flat stats → stakes

"4/7 days" became "a few days behind, Snaggle's creeping in", so you can tell when a friend is falling behind.

Home Screen

Routine list → Chip-first

The old home screen was a routine picker with a guide. The new one opens on Chip, so you want to press start.

The Idea

A mascot to take care of.

Problem

Missing a day feels like personal failure.

Solution

Give the consequence to Snaggle instead.

Result

A reason to return, without feeling blamed.

→ → → Chip recovers
The Villain

Meet
Snaggle.

Jealous of every smile that isn't his. Snaggle spreads grime whenever Chip is left unguarded, but consistency is his weakness. Every flossing session pushes him back.

His SchemeSpread grime.
His WeaknessConsistency.
His EnemyFlossing.
Snaggle, the grime villain mascot, a spiky green blob with tendrils and a sly grin
The System

What happens when you stop?

Based on missed days in a row. When you miss days, Chip gets grimy.

The streak stays where you left it, so you never lose what you earned. Snaggle moves slowly, over weeks. Your friends see your progress, and that's what keeps people honest.

Clear
0 days
→
Spotted
3 days
→
Worried
1 week
→
Overrun
2+ weeks

Every state is reversible. One ordinary session, and Chip starts clearing again.

The Reward

Your smile evolves with you.

Bright Smile
→
Pearl Shine
→
Golden Grin
→
Diamond Grin
Unlockable cosmetics Princess Chip Cool Chip Wizard Hat · 60 days flossed Diamond Aura · top tier

Purely cosmetic. Missing a day never costs you something you already earned.

The Full Wardrobe

What's built, and what's next.

Already in the app
Princess Chip
Cool Chip
Wizard Hat
Diamond Aura
What Else Could Live Here

A concept sheet of early explorations for where the closet could go next.

Beanie Chip
Chef Chip
Pirate Chip
Flower Chip
Astro Chip
Hero Chip
Branding Guidelines

The mascots are the brand.

Flosser's brand is two characters. Chip never blames you, and Snaggle takes the blame.

Chip

Reacts. Never blames.

He dulls when the habit slips and brightens when it returns. He never reports a number and never asks where you've been.

Snaggle
Snaggle

Takes the blame. Always.

Skipping a day lets Snaggle in. His grime shows up on Chip, so you see it instead of reading a scolding message.

The rule underneath

The app never scolds you in words. Chip just gets grimy.

Voice · how the app talks about a missed day
We say
We never say
"A few days behind, Snaggle's creeping in."
"You missed 3 of 7 days."
"Chip's looking a little dull today."
"You broke your streak."
"One ordinary session and Chip starts clearing."
"Get back on track before you lose it all."
Color · what each color means
Thread greenProgress already earned
Floss coralAttention, never alarm
InkPlain information
No alert redNothing in the app says you failed
Projected Scenario

6 months later

Flosser is a concept project, so this is the outcome the design is built to produce, not a measured result.

Emily flosses most nights now, without thinking about it.

  • • The reminder lands right when her workday ends.
  • • A missed night doesn't reset her streak, so she keeps going.
  • • Chip is thriving, and Snaggle hasn't shown up in weeks.
  • • Her friends' streaks give her one more reason to show up.
Emily six months later, smiling on a city street at sunset User Scenario · Emily
Reflection

I started with a reminder app and ended with a habit app.

What changed

The original idea was a flossing reminder. It turned into a habit app. Every screen helps you remember, floss, get rewarded, and come back.

Remember→Act→Reward→Return
What I learned
  1. Test the interaction too

    A screen can look clear and still not work the way someone expects.

  2. Motivation without guilt

    Chip and Snaggle showed me a game can push you without making you feel guilty.

  3. Small steps in the flow matter

    The habit takes under two minutes, so one extra decision is a reason to skip it.

What's next

Test Chip and Snaggle with more people. I want to know if the mascot still works after the first week, and if Friends keeps people flossing.

Sources

Sources.

That’s the week done. Thanks for flossing along.
✓
✓
✓
✓
✓
✓
✓
7 of 7 · perfect week
Alisa Utesheva
Product Designer · UX/UI