View case→
Contact me
Uniform Teeth redesign concept — the new Home screen and the welcome screen on two iPhones

UX Research · Product Design · Design System · Redesign Concept

Uniform Teeth — when the app is your orthodontist.

Every screen now answers "what now?" and shows who's watching. A past project, revisited: Uniform Teeth hired me for the app UI on their existing prototype — UI only, no research or audit in scope. Years later I revisited it independently and redesigned it end to end.

7–8 → 4taps in the weekly photo loop
12 → 0walkthrough issues, all fixed in Figma
3 → 1navigation systems — one persistent IA

Try the interactive prototypeSee the research

RoleUI design on the client's prototype (paid engagement) · end-to-end redesign, IA, design system, UX writing, evaluation (self-initiated)
ClientUniform Teeth — San Francisco · orthodontist-led clear aligners · consumer iOS app
Scope197 screens audited · product, competitor & review research · ~130 wireframes · hi-fi + design system · 3 expert reviews · test script · A/B test design
ToolsFigma — variables (4 token collections), base → variants components, clickable prototype
Duration40 hours · self-initiated, alongside client work
TypeSelf-initiated redesign concept · not affiliated with or endorsed by Uniform Teeth

Background

The service is loved. The app isn't.

Uniform Teeth is orthodontist-led clear aligners, remote-first: 3–5 clinic visits, everything else in the app. It sits between in-office Invisalign and mail-order kits with no doctor. Clinics rate 4.5–4.6, the app 3.3–3.8. Between visits, the app is the orthodontist.

Before: the old app — My plan, aligner step with a 'Success' button, plan choice
After: the redesign — Home with aligner progress, photo quality check, choose how to pay

Challenge

Three problems. One nervous patient.

  1. Navigation hides "what now". Three tab-bar versions, an unlabelled button, no stable Home.
  2. Trust handled as fine print. Consent under a modal, a countdown on payment, card data in plain text.
  3. Progress you can't see. No "aligner X of Y"; the before/after photos hidden in a sub-tab.

The delivered UI followed the client's prototype; this looks at the app as it shipped and aged.

The old app: tab bar changing across Home, Messages and Profile; payment with a countdown and card data in plain text; consent in fine print; before/after hidden under My Images

Discovery

197 screens. Five competitors. One gap.

I audited all 197 screens of the live app, read the reviews on App Store, Play, Trustpilot and Yelp, and went through five competitor apps — Invisalign, SmileDirectClub, Byte, Candid, Impress. None of them shows the patient that a doctor is actually watching. That became the core of the redesign.

WhoProfileNeeds
Busy professional · primary28–40, chose Uniform to skip monthly visitsCheck in in seconds, fast replies
Second-timer30–45, teeth shifted after teen bracesProof it will hold this time
Complex case25–45, priced out of InvisalignClear costs and refund terms
Parent of a teen · secondaryPays and supervisesProof a doctor oversees it — out of scope

Thinking

Make the supervision visible.

Four principles, each answering a fear from the reviews. Success criteria were set before design: user confidence, on-time photos, 30-day retention. Then ~130 wireframes, clickable before any visual design.

PrincipleIn the appFear it answers
Doctor presence is a featureName, face, "Reviewed by Dr. X", messages the doctor wrote"No one is really watching"
One "what now" per screenOne labelled tab bar, one primary action"The app will fail me"
Progress you can believeAligner X of Y, before/after, review history — never 0%"It won't work"
Money without pressureNo timers; totals and refund terms next to Pay"I can't get a refund"
App map: the current information architecture next to the recommended one
Wireframe overview: 15 sections, from entry and booking to the full prep cycle

Outcome

One core loop, rebuilt end to end.

The weekly photo check-in is the core of the product. It went from 7–8 taps to 4, and every step now says what happens next.

StepPurpose
1 · ReminderPush: "Time to switch to aligner 2. Take your progress photo first."
2 · Home"Day 7 of 7 — change today". One action: take a progress photo.
3 · Photo checkAutomatic quality check: "Looks good — clear and well lit".
4 · Under review"Keep this aligner on until Dr. Lachica confirms."
5 · ReviewedPush from the doctor: "You're on track. Keep going!"
6 · Phase complete"Nice work, Sarah. On to Align." The next set is on its way.
The weekly check-in: reminder push, Home, photo quality check, under review, doctor's push, phase complete

Payment

Before paying, the patient sees what's included, the schedule and the refund terms next to the Pay button. The card is masked, and the confirmation repeats the numbers.

Payment flow: choose how to pay, card entry with charge summary and refund terms, processing, a declined card with one clear next step, payment confirmed, payment info with balance and refund policy

Progress

Progress opens on the before/after with "Reviewed by Dr. Lachica · On track". Sharing goes through a privacy step, and the first option is the care team, not social media.

Progress flow: the doctor's review push, Progress with before/after and review stamp, the privacy step, the photo sent to the care team

Consent

Four consents are separate rows, each with one plain-English line. "Agree & book" unlocks only when all four are checked.

Consent flow: pick a time, four itemised consents, all checked, you're booked

The first weeks

Six moments from the first days: the box arrives, the patient checks it, puts the aligners in, treatment starts, the first photo, and Home comes alive.

The first weeks: the box arrives, what's in it, putting in the upper and lower aligners, first wear done

Design system

Real photography, one accent colour, locked colour roles: orange is the action, green is "on track". Built on a Figma design system with light and dark tokens.

Design system: buttons, form fields, progress-card variants, status chips and quick replies

What shipped

Full app redesign concept 197-screen UX audit Competitor & review research 4 personas + JTBD ~130 wireframes Clickable prototype One IA — 4-tab navigation Weekly photo loop Itemised consent Payment with refund terms Progress with doctor review Figma design system Light & dark tokens 3 expert reviews + test script A/B test plan Healthtech

Results

Checked before any user study. Forecast before any launch.

No live users yet — these are my own expert reviews of the hi-fi design, plus a test script for the moderated study. The walkthrough found 12 issues — all fixed.

Test script

Five real-life scenarios, written for the moderated study. Not run with users yet.

What was found→What it coversFive scenarios for mid-treatment users — written, not yet run
  • A week has passed — switch aligners tonight with peace of mind
  • "Is it even working?" — find proof of progress
  • A meeting collides with the clinic visit — reschedule
  • Day three, it presses harder — is this normal?
  • New card — make sure the next payment goes through
Planned metrics: success, time, dead-ends, and confidence after each task (1–5).

Cognitive walkthrough

I walked five personas through the actual screens. 12 findings, 6 high — all fixed.

What was found→What was found12 issues, 6 high-severity — all fixed
  • The ring said "4 days left" while Home said "check-in due"
  • After sending a photo — no instruction whether to switch or wait
  • Progress showed no sign that a doctor had reviewed anything
  • No way back to an existing appointment
  • No way to report "something feels off" on your own
  • Empty chat didn't say when the care team replies
Pattern: every high issue was "I don't know what now" or "I can't see anyone watching".

Heuristic evaluation

Nielsen's ten. 28 findings: 3 high, 14 medium, 11 low.

What was found→What was found28 findings — 3 high, 14 medium, 11 low
  • Upload was a bare spinner → progress bar, send in background, cancel
  • $500 charged with no summary → charge summary + refund policy
  • Photo quality left to the user → automatic check with retake
  • "Tray" and "aligner" mixed → one word, 74 strings
  • Cancelled visit had no undo → "Keep my visit" for 15 minutes
Checked against Nielsen's 10 heuristics.

Copy audit

~450 strings reviewed. 90 strings and 32 labels changed in one pass; vocabulary locked.

What was found→What was found~450 strings reviewed, 90 changed, 32 button labels
  • Five identical "Continue" → "Next: Clinic", "Next: Time"…
  • "Submit forms" → "Send to my care team"
  • Errors made actionable: "Your bank declined this card. Try another card or contact your bank."
  • Empty states say when content appears: "After your Aug 19 visit"
One vocabulary locked: aligner, photo, care team.

Projected outcome

This is a concept, so these are design targets, not results. How I got them: baselines are typical numbers for mobile health and subscription apps, since no client data was shared. Each target is tied to one specific change and sized by published benchmarks for that kind of change. Confidence is lower where clinical factors, not the UI, drive the number.

MetricBaseline (est.)TargetDriven by
On-time weekly photos~60%+12–18 pp7–8 taps → 4, status at every step, quality check
Payment conversion~55%+5–9 ppCharge summary and refund terms, no countdown
Photos rejected~15%−5–8 ppAutomatic photo quality check
30-day retention~30%+6–10 ppReview stamp, "Something feels off?", reply time
Status tickets—−25–35%Status shown at every step

Benchmarks: mobile health apps keep 25–35% of users at 30 days; transparent pricing lifts checkout 5–15%; remote monitoring with visible progress lifts adherence 10–20 pp.

North Star: on-time weekly photos — they predict both the clinical outcome and retention. Three A/B testsWhere the targets come fromIndustry benchmarks: mobile health apps (30-day retention 25–35%), checkout transparency (+5–15%), remote monitoring with visible progress (+10–20 pp adherence). The tests are how they would be proven.Test A — PaymentOld payment screen vs. charge summary + refund policy. Measures: paid within 7 days.Test B — Photo loop · main testOld vs. new weekly check-in. Measures: on-time photos over 4 weeks.Test C — ReassuranceWith vs. without review stamp and "Something feels off?". Measures: 30-day retention. would prove or disprove the forecast; if photos move less than 8 points, the constraint is motivation, not the UI.

Selected screens

The journey, screen by screen.

Uniform Teeth — Splash and welcome screens
Entry
Uniform Teeth — Onboarding slides: unlimited appointments, care team, see your smile transform
Onboarding
Uniform Teeth — Booking: pick a date, pick a time, you're booked
Booking
Uniform Teeth — Home with aligner progress and phase complete
Home
Uniform Teeth — Consent and medical forms, filled in and submitted
Forms
Uniform Teeth — Home and profile states
Profile