CH.2

CH.1

The Badge System
Website

INTRØDUCTION

Stretch your body – Stretch your limits.

Stretch is more than a habit tracker—it's a daily ritual of self-care. We created a visual system that honors every step of your flexibility journey with calm, clear, and motivating rewards.

MISSIøN

Badges that
Breath with You.

The Stretch team approached us with a clear challenge: design a series of achievement badges to reward users for their daily streaks. These badges needed to feel aligned with the brand’s mindful tone

Here we go.

⇓

— CHAPTER ONE —

Badges

I

Birthing a Badge System

Three digital cards labeled Mapmaker, Wayfinder, and Voyager with descriptions, and a 3D hexagon-shaped lock icon with the number 5 in the middle.
A black and rose gold Nike soccer card with the text '7X' in the center, surrounded by a geometric border and the Nike logo in the top right corner.

MOODBOARDS

Inspired by Movement & Mindfulness

Digital graphic showing prize amounts in wireframe-style hexagons, ranging from $3 to $1000, arranged in two rows on a black background.

We drew from the world of athletic achievement combined with the gamification of progression. The moodboard drew from other fitness icons with designs that aim to motivate.

Initial Studies

2D to 3D

Shaping Motivation Through Simplicity.

Our first badge ideas explored balance, breath, and motion. From abstract icons to subtle gradients, we aimed to represent both physical progress and inner discipline with clarity and elegance.

Multiple neon-style digital icons of the number 100 inside various polygonal shapes, arranged in rows with different colors including white, blue, purple, orange, and yellow, on a black background.

Color

Studies

Final Results

Badges that Breathe with You

The final badge set is minimal, fluid, and rewarding. Each shape and hue symbolizes soft strength, perseverance, and the unfolding journey of flexibility—quiet milestones that feel truly earned.

Smartphone displaying an app showing a 7-day streak, a photo of a person doing an evening stretch on a yoga mat, and navigation icons at the bottom labeled Home, Explore, Community, and Branson.

APP PREVIEW

Where Progress Meets Presence

Integrated seamlessly into the app’s interface, the badges act as simple reminders of how far you've come. They're not just rewards—they’re reflections of a more present, flexible you. Get after it amigo.

Mobile app interface displaying user activity stats, including a 7-day streak, total time of 210 minutes over 7 sessions, achievement badges for streaks of 3, 7, 10, 30, 50, and 100 days, and navigation tabs labeled Home, Explore, Community, and a profile tab labeled Brinson.
An orange webpage background features a smartphone displaying a fitness app with various stretching and flexibility exercises. The text reads 'Your guide to stretching & flexibility training' with a white button that says 'Start a Free Trial'. Additional text indicates availability on iOS and Android.

COming soon

We also built Stretch’s Website!

We are going to do a deeper dive into this week her eventually but for now just go check it out yourself!

Check it out

Team Credits

Creative Direction :
Operations & Finance :
Project Management :
3D Design & Animation :
Designer :
Designer :

Other Case Studies

Check it out
Coming Soon

Need your own?

Make 🛸 cøntact

or join us on the journey.