Taking Steps
Design Showcase

Design Showcase

for the Taking Steps app.

Browse the current state of every screen design. Click any card to view the full page in its intended layout.

palette Read the Editorial Serenity design system

App Flow

Onboarding screen
Flow

Onboarding

Welcome experience introducing the 6-stage change cycle model.
Home Dashboard screen
Flow

Home Dashboard

Main hub with progress tracking, chapter grid, and daily check-in.

Chapter Screens

7 Chapters
Chapter 1 screen
Chapter 1

Where Am I Now?

Understanding the habit and building self-awareness.
Chapter 2 screen
Chapter 2

Understanding My Triggers

Identifying and exploring the triggers within.
Chapter 3 screen
Chapter 3

My Motivation to Change

Rewriting the routine and finding your why.
Chapter 4 screen
Chapter 4

Planning for Change

Navigating social waters and building your plan.
Chapter 5 screen
Chapter 5

Managing Cravings

Building emotional resilience and coping strategies.
Chapter 6 screen
Chapter 6

Staying on Track

Physical restoration and maintaining momentum.
Chapter 7 screen
Chapter 7

Looking Ahead

The new horizon and sustaining long-term change.