Mike Jonson

Lume Ring

The future of beauty & wellness is on your finger. Track your body's signals to unlock the best version of you.

Role

Lead UI/UX Designer

Category

Visual design

Lume

























Moodboards & Low-Fidelity Wireframes

Wireframes and moodboards helped define the card layout, dashboard structure, navigation patterns, and graph styles, while exploring feminine colors, soft gradients, and wellness-inspired visuals for the desired emotional feel.


Design Approach

We focused on making the experience feel:

  • Calm, not overwhelming

  • Soft, not clinical

  • Premium, not generic

Principles

  • Show less, mean more

  • Replace data with meaning

  • Guide, don’t overload


Visual Direction

Soft gradients for warmth

  • Light cards for readability

  • Pastel tones for emotional comfort

  • Clean typography for quick scanning

  • Feminine tones for personal connection

Designed to feel like a wellness companion, not a tool


Typography

  • Font: Montserrat

  • Clean, readable

  • Works well across data & UI


Color System

The color system is designed to feel calm, soft, and feminine.

  • Neutral base (black, white, greys)

  • Functional colors (data)

  • Soft pastels (backgrounds)

Keeps UI:

  • Light

  • Calm

  • Non-intimidating


Onboarding & Device Connection

  • Soft, welcoming screens

  • Clear steps

  • Easy device pairing

First impression = calm + premium


Dashboard

One screen. Everything important.

Shows:

  • Cycle phase

  • Beauty score

  • Sleep & stress

  • Activity

  • Heart health

  • Quick logs

Why it works

  • Clear hierarchy

  • Easy to scan

  • No overload

Insight: Users check this multiple times a day, it had to be instant & effortless


Menstrual Cycle Tracking

What it does

  • Quick cycle setup

  • Tracks cycle phases

  • Predicts changes

  • Explains skin & mood shifts

Why it matters

  • Removes confusion

  • Builds predictability

  • Adds emotional support


Heart Health

  • Heart rate

  • HRV

  • Recovery score

Presented in a simple, friendly way (not medical)


Beauty

AI-powered skin insights based on:

  • Acne

  • Pigmentation

  • Hydration

  • Wrinkles, etc.

Features

  • Face mapping

  • Daily score

  • Trend graph

  • Quick concerns

Turns “I feel my skin is bad” into clear understanding


Activity

Features

  • Activity score

  • Workout tracking

  • Live workout mode

  • Intensity tracking

Special focus

  • Smooth transitions

  • Minimal friction

  • Real-time clarity

Live Workout Experience

  • Big timers

  • Clear states (start / pause / end)

  • Lock feature for safety

  • Clean visuals

Works even when user is moving


Nutrition

  • Meal tracking

  • Macros

  • Timing

  • Impact on recovery

Kept lightweight to avoid drop-offs


Final Outcome

Lume enables continuous, clinic-grade skincare between sessions.

By combining body signals with context, it turns insights into clear, time-sensitive actions that guide users through their at-home care. Instead of fragmented treatments, users experience a connected journey that fits into their daily routine.

The impact is behavioral:

  • From confusion to clarity

  • From inconsistency to consistency

  • From occasional treatments to continuous care


Product & Business Impact

Lume is designed to connect daily behavior with clinical outcomes.

→ Signals inform guidance.
→ Guidance shapes actions.
→ Actions influence treatments.

This creates a continuous feedback loop where care extends beyond individual sessions.

If executed well, this system can:

  • Improve consistency in following treatment plans

  • Maintain engagement between visits

  • Increase retention and repeat bookings over time

The product is not positioned as an add-on.

It is designed to become part of how care is delivered.


Final Note

Convenience brings treatments home.

Consistency is what makes them work.

Lume bridges that gap.

The goal was not to track or simplify.
It was to make clinical care easy to follow, every single day.

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