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

flosser.

A tiny daily habit, finally made easy to keep. Reminders, a two-minute timer, and a streak worth protecting.

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

"I keep floss at my desk, because I forget so often at night. Hearing friends and family talk about skipping it, and catching myself doing the same, made me realize this is common, and overlooked."

I like designing from real behavior and small daily frustrations, turning them into low-pressure, realistic habits that survive the version of you awake at 11pm.

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

This isn't a small habit to skip.

If you skip it
  • Gum disease starts quietly: inflammation, bleeding, then tooth loss
  • Linked to heart disease, diabetes, and Alzheimer's
  • Brushing alone can't reach between teeth
What actually works
  • Reminders keep people consistent
  • Tracking progress boosts motivation
  • Social accountability drives follow-through
Survey Says

What's actually stopping people from flossing.

77%

Cite forgetfulness as the reason they skip flossing

64%

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

30–40%

Of people floss daily, per the American Dental Association

22

Survey respondents, on what actually gets in the way

The Big Idea

Make the tiny habit impossible to forget.

Built on the cue-routine-reward loop from Charles Duhigg's The Power of Habit.

Cue Daily reminder Routine 2-min timer Reward Streak kept
What Guided Every Decision

Three principles that shaped everything.

01

Remind, don't nag

Make the habit easier to remember without creating notification fatigue. One default reminder.

02

Reward consistency, not perfection

Missing a day shouldn't erase what someone already built. Streaks recover, they don't reset to shame.

03

Make progress feel alive

Chip and cosmetic rewards give the habit a visible, ongoing sense of progression.

Turning Research Into Decisions

Every feature traces back to something someone said.

Research Finding
Design Response
People forget to floss
Persistent daily reminder
Flossing feels like a chore
Short, guided 2-minute routine
People lose motivation over time
Streaks with visible progress
People respond to accountability
Friends feature
Gamification can feel punishing
Cosmetic rewards, never penalties
Topic Research & Competitors
Book

The Power of Habit

Charles Duhigg, the cue-routine-reward loop framework behind Flosser's reminders and rewards.

Study

Forming a Flossing Habit

Judah, Gardner & Aunger, the psychological determinants of why flossing specifically is hard to stick with.

Person

BJ Fogg, PhD

Stanford Behavior Design Lab, tiny consistent behaviors become habits when tied to triggers and emotion.

Competitor

Text2Floss

Text-message reminders and progress tracking, simple and accountable.

Competitor

Toothy

Toothbrush timer and full dental routine tracking, clear guidance built in.

Target Audience

Basically people who want to floss more.

  • Some people do not floss enough
  • Some people do not floss at all
  • People who want to take their oral hygiene more seriously

This app helps people with flossing problems to motivate them to pick up the floss and just use it.

22 RESPONSES
Never · 26.1%
Rarely · 8.7%
Sometimes · 4.4%
Multiple x/Week · 21.7%
Often · 13%
Always · 26.1%
From the Same Survey
35%

Never or rarely floss at all. For more than a third of respondents, this app is not a reminder. It is the first thing that has ever asked them to start.

Survey

What's actually in the way.

This shows that the people who are too lazy to floss probably will be too lazy to floss even with the app. The people who forget, though, will appreciate the app since it's a reminder that motivates them to keep using it.

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

What I was trying to learn: why so many people struggle to floss regularly, whether it's forgetfulness, low motivation, not knowing proper technique, or just 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

"Primary obstacles that hindered the adoption of ideal oral health behaviours included limited knowledge, fatigue, busy schedules, and financial constraints."

Springer, Public Health journal, 2025

Persona

Forgetfulness, rigid apps, wanting a nudge rather than a lecture: these patterns became Emily.

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
01

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

02

A reminder lands at exactly the right moment.

03

She opens Flosser instead of scrolling past it.

04

A quick tutorial reminds her of proper technique.

05

The 2-minute timer keeps her from rushing.

06

Her streak ticks up, and she actually feels good about it.

Moodboard · Brand World

From soft lavender to Mint Thread.

The first build was pastel lavender on white, the same silhouette as every wellness and period-tracker app. Mint Thread is built around the actual color of a floss spool, and the coral it warns with.

01Our Why

Most people know they should floss.
Most people forget.

Flosser was designed around one idea: small actions become habits when they feel easy, rewarding and consistent.

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

Built on the cue–routine–reward loop from Charles Duhigg's The Power of Habit.

02Photography

Real bathroom moments, photographed the way they actually happen.

real & relatable
bright & natural
clean & fresh
natural lightsoft shadowsclean surfaceseveryday moments
03Color Story · every color has one job
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 alert red. Nothing in the app is allowed to look like a failure state.

04Shape Language

Soft shapes for a soft habit. Round, approachable, easy to live with.

round edges
wavy thread
organic blobs
smile curves
gentle motion

Chip's smile, the streak dots and the timer ring are all drawn from the same few curves. Nothing in the interface has a hard corner.

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

Violet on white read as clinical to me, closer to a medication tracker than a habit worth keeping, so I left it behind.

Sampled from the original prototype.

Task Flow

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, 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
Focus Group

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

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

Illustrative target, not a measured result

Typical week
With Flosser

~2 nights/week typical → 6 nights/week goal

The Design Goal
2
6

nights a week, typical to target. Not a measured result yet, the number Flosser's reminders, timer, and streaks are built to close.

The Experience

Three screens, one loop.

Flosser home screen showing Chip the tooth mascot, a 1-day streak, and the week's flossing checklist
01 · 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
02 · 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
03 · Friends

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

Design Evolution

From early prototype to launch.

The first working version proved the loop worked. It didn't yet make anyone want to open it.

Early Flosser prototype: timer and flossing guide screen with a hamburger menu and no mascot
Early Prototype

There wasn't a real home screen yet. The timer and guide doubled as one.

Final Flosser home screen with Chip the mascot, streak, and a bottom tab bar
Final Design

One screen, one job: open Chip and start flossing.

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 cue-routine-reward loop needed a face carrying the "reward" half. Chip became that.

Color

Generic violet → warm palette

Purple reads as productivity software. Cream, mint, and coral read as a habit worth keeping.

Accountability

Flat stats → stakes

"4/7 days" became "2 days behind, Snaggle's creeping in", so friends' progress now has tension.

Home Screen

Timer-first → Chip-first

The old home screen doubled as the timer. The new one gives you a reason to press start.

Prototype

Four tools carry the whole idea: notifications to remind you, a timer so you don't rush, friends so you don't want to embarrass yourself by skipping, and Chip, a mascot who gives you a reason to come back tomorrow.

Open full prototype in Figma →
01 · The Idea

A mascot to protect, not a tooth to lose.

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
02 · 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
03 · The System

What happens when you stop?

Based on consecutive missed days. The grime happens to Chip, and he wears it patiently.

Clear
0 days
Spotted
2 days
Worried
5 days
Overrun
9+ days

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

04 · The Reward

Your smile evolves with you.

Bright Smile
Pearl Shine
Golden Grin
Diamond Grin
Unlockable cosmetics Princess Chip Cool Chip Wizard Hat · 60-day streak Diamond Aura · top tier

Purely cosmetic. Missing a day never costs someone something they 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 identity isn't a logo and a palette. It's two characters and one rule about who gets blamed.

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.

Every consequence is attributed to him, never to the user. He is a nuisance you push back, and that is the whole trick.

The rule underneath

Grime happens to Chip. It is never something the user did wrong.

Voice · how the app talks about a missed day
We say
We never say
"2 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 one is allowed to mean
Thread greenProgress already earned
Floss coralAttention, never alarm
InkPlain information
No alert redNothing in the app fails you
Reflection
What Changed

The original idea was a flossing reminder. The final product became a habit system: remember, act, reward, return. Every screen exists to move someone through that loop without friction or guilt.

What I Learned
01

Test the interaction, not just the screen

A visually clear interface can still fail when the interaction model doesn't match what someone expects.

02

Motivation and punishment aren't the same thing

Chip and Snaggle taught me gamification can create urgency without making the user feel guilty.

03

Small friction matters in habit products

When the behavior itself takes under two minutes, even one unnecessary decision is a reason not to do it.

What's Next

Testing Chip and Snaggle with a larger group to see if the mascot system holds up past the novelty of a first session, and building out Friends into a real accountability feature rather than a single share screen.

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