Skip to content
← All work

DESIGN CASE / Hue.in

A brief reset, without a long setup.

A mindfulness app design for choosing a mood through color and following short sound and breathing sessions, with screens for mindful minutes in Apple Health.

Role
Project Strategy · Product Designer
Period / status
Aug–Oct 2024 · Design & prototype
People
People seeking a short pause
Scope
Context research, UX structure, sound and breathing interactions, health integration UX
PRODUCT DESIGNHue.in
Be happy · 90-second setup · original Figma UIVisual mood selection · original Figma UIConcentrate · 30-second setup · original Figma UI

01 / CONTEXT

The problem to solve.

Entering feelings or choosing long content can create friction when someone only wants a short pause. Hue.in explored moving directly into an experience rather than starting a record.

Binaural beats + breathing

The sound concept uses slightly different frequencies in the left and right ears, paired with color and circular inhale/exhale guidance.

Apple Health permission design

Designed screens requesting read/write access to mindful minutes, alongside a weekly history chart.

Heart-rate integration concept

The concept considers reviewing heart rate alongside mindful minutes. It is presented here as a design direction for health-data integration.

02 / DESIGN DECISIONS

The decisions behind the work.

01

Choose a mood instead of writing it down

Color and shape distinguish choices such as Feel Free, Be happy and Concentrate. Selecting a mood leads to a duration setting.

Visual mood selection · original Figma UIBe happy · 90-second setup · original Figma UI
Visual mood selection · original Figma UI / Be happy · 90-second setup · original Figma UIView original screens ↗
02

Duration settings starting at 30 seconds

The designs offer 30-second, one-minute and 90-second durations. A Start button sits below the duration, and a circular graphic guides inhaling and exhaling during playback.

Concentrate · 30-second setup · original Figma UIInhale · circular breathing guide · original Figma UI
Concentrate · 30-second setup · original Figma UI / Inhale · circular breathing guide · original Figma UIView original screens ↗
03

Keep controls in the same place across moods

Be happy, Destress, Concentrate and Confidence have distinct colors and shapes, while duration controls and the Start button stay in the same positions.

Destress · 60-second setup · original Figma UIConfidence · 30-second setup · original Figma UI
Destress · 60-second setup · original Figma UI / Confidence · 30-second setup · original Figma UIView original screens ↗

03 / THE WORK

Look closer.

Select a screen to enlarge it. Captions identify the design or implementation stage.

04 / OUTCOME & REFLECTION

What I delivered.

Created screens for mood selection, duration, breathing guidance and session completion. Settings include Apple Health mindful-minute permissions and a weekly history view.

NEXT CASE

Tomo ↗

A conversation-app design inspired by my girlfriend’s need for timely replies when unsure about Korean. I designed voice-message and notification screens, and explored time limits and Live Activity as ways to encourage prompt responses.