Mobile product · 0 → 1 · iOS & Android

Move slowly.
Stay strong.

Stilla is a calm movement practice that treats consistency as returning — not a streak to defend. A complete product design, from discovery research to a 24-screen system.

Role · Lead Product Designer Timeline · 8 weeks Platform · React Native Scope · Research → UI → Prototype
Session detail screen
Session complete screen
Today home screen

Scroll

Overview

A practice you can keep — for years.

Most fitness apps run on pressure: streaks, rings, leaderboards. They work until you miss a day — then the guilt makes you quit. Stilla is the opposite: short, well-composed sessions for strength, mobility, breath and rest, framed so that rest is never failure.

I led the work end-to-end — discovery research, information architecture, a calm design system, and 24 production-ready screens with a working prototype.

RoleProduct design · UX research
Duration8 weeks
TeamSolo designer + PM
DeliverablesResearch · IA · system · 24 screens
ToolsFigma · React Native

The problem

Fitness apps are built on pressure.

Across 15 interviews and a 214-person survey, the same story surfaced: people don’t lack motivation — they’re worn down by guilt, decision fatigue and noise. Rest is treated as failure.

0%
have abandoned a fitness app in the last year
0%
say breaking a streak made them want to quit entirely
0%
often don’t know what to do when they open the app

Approach

A double-diamond, mixed-methods study.

Diverge to understand the problem, converge to define it — then diverge to explore solutions and converge to ship. Qualitative depth balanced with quantitative rigour.

Double Diamond diagram across Discover, Define, Develop, Deliver
0
In-depth interviews
0
Survey responses
0
Diary participants · 14 days
0
Moderated usability rounds

Who we designed for

The people behind the patterns.

Three primary personas, grounded in the segments, behaviours and verbatim quotes from the field.

Maya
Maya Sharma
34 · PM · Pune
“Missing a day shouldn’t mean starting over. I just want to keep coming back.”
Goals
  • Strong & mobile in 20–30 min windows
  • Protect a recovering knee
  • Steady through busy weeks
Frustrations
  • Streaks turn one miss into quitting
  • Long workouts don’t fit mornings
Arjun
Arjun Mehta
47 · Architect · Mumbai
“Just tell me what to do today. I don’t want to think — I want to start.”
Goals
  • Loosen a stiff, desk-bound body
  • A simple, repeatable habit
  • Train anywhere, no equipment
Frustrations
  • Decision overload in the library
  • Never sure he’s “doing it right”
Priya
Priya Nair
29 · Yoga Teacher · Bengaluru
“I want depth and variety — and progress I can see without it turning into a scoreboard.”
Goals
  • Keep her practice varied & deep
  • Blend strength, mobility, breath, rest
  • Track calmly, without obsession
Frustrations
  • Most apps are shallow & repetitive
  • Gamification cheapens the practice

Synthesis

What the research told us.

Six affinity themes pointed to one direction — replace pressure with kindness, and decisions with guidance.

A missed day spirals into quitting.
Rest is reframed as “a quiet day.” No streak counter, ever.
Choosing what to do is the real barrier.
Lead with one clear “Today” recommendation, chosen for you.
Loud metrics feel like judgment.
Calm, mono-typeset numbers. Milestones, not badges.
Beginners fear doing it wrong.
A guided player paced like a metronome, with cues.
Time is fragmented, not absent.
Short, composed sessions — 10 to 30 minutes.

Competitive positioning

An empty quadrant.

Audited against five leading movement apps on the two axes our users cared about: how it feels, and how it decides for you.

Positioning map: calm and kind vs gamified, curated vs generic
Incumbents cluster in gamified, high-pressure territory. The calm + guided space — kind and curated — was wide open. That’s where Stilla lives.

Design principles

Six rules the product is built on.

01

Kindness over pressure

No guilt, no streak fire. Rest is part of the practice.

02

One clear next action

Reduce every decision to a single, kind prompt.

03

Calm, honest metrics

Numbers inform — they never gamify or pressure.

04

Returnable, not perfect

Progress is framed as coming back, not scoring.

05

Guided depth

A coach paced like a metronome, not a stopwatch.

06

Beauty as calm

Warm paper canvas, serif moments, generous space.

Design system

One quiet system, composed slowly.

Sage leads, azure supports. Three typographic voices and soft-geometry components — 1.5px borders, pill radii, warm brand-tinted shadows. Every screen is built from these.

Colour

sage / 50
#f1f5ea
sage / 200
#c5d6a4
sage / 500 ★
#679436
sage / deep
#446324
azure / 50
#e7eef6
azure / 200
#93b0cf
azure / 500 ★
#064789
bg / paper
#faf8f3
ink
#0f1a0e
bark
#8a8779
moss
#a5be00
warning
#c97a1f

Type — three voices

Cormorant Garamond
Move slowly. Stay strong.
Display & affirmations · 24–56 · serif, italic accents
Manrope
The quieter, the clearer.
Body & interface · 14–18 · 400–700
JetBrains Mono
00:30 · 1,247 · 28 MIN
Metrics, timers & labels · 10–32

Components

Buttons
Begin sessionSecondaryGhost
Badges & chips
Restorative New Membership 28 min
Icon chips · Phosphor duotone
Segmented control
WeekMonth
Stat card
1,247
Minutes moved
+82 this week
Progress
This week3 / 4

The design

A practice, not a streak.

A warm, three-voice type system — Cormorant serif for affirmations, Manrope for UI, JetBrains Mono for the numbers that matter — on a paper canvas, with sage as the single primary colour.

Onboarding

Ask, then get out of the way.

Five gentle steps capture intention, level and a realistic weekly rhythm — styled as full-card choices, never bare radios — so the first session already feels personal.

Onboarding — choose your intention

The core loop

One tap from “today” to “well returned.”

Today
01 · Today
A single suggestion

One composed session, chosen for you — plus optional extras.

Session detail
02 · Detail
Know before you begin

Focus, length, what you’ll need, and a calm intensity read.

Player
03 · Player
Guided, paced

Mono countdown, coaching cues, a breath-led rhythm.

Rest
04 · Rest
Take a breath

A 4-second ambient loop — recovery, not a stopwatch race.

Complete
05 · Complete
“Well returned.”

A quiet recap and a single reflection — no fireworks.

Practice library
A composed library

Editorial programs & sessions — curated, never an algorithmic feed.

Progress
Progress without pressure

Calm mono stats and a gentle “time moved” chart.

Saved
Kept for later

Bookmark any program or session to a personal library.

Motion & detail

Motion as a metronome.

Calm by default — 220ms transitions, ambient 4-second loops, and haptics that replace loud visuals. Banned: bounce, confetti, per-tick buzzes.

Breath & rest

A slow, ambient pulse paces recovery — never a countdown to race.

WeekMonth

Calm transitions

Segmented controls slide; views cross-fade. No springy overshoot.

Quiet feedback

Saving fills softly with a single selection haptic — hover to feel it.

Begin session

Begin & Complete

Begin blooms outward into focus; Complete settles inward into rest.

Outcomes & targets

Designing toward calm metrics.

Validated in usability testing and tied to a HEART framework — with a north-star that rewards returning, not streaking.

0
SUS usability score
Measured · grade A
target retention vs category
D30 target
0
onboarding completion uplift
Measured in testing
0%
core-loop task success
Round 2

The system · 24 screens

Reflection

Kindness is a competitive advantage.

The hardest part wasn’t adding features — it was the discipline to remove pressure. Every streak counter, every red ring, every “you’re behind” was a decision to leave out. What’s left is quiet, beautiful, and returnable.