/ Bondit case study
Case Study — Mobile App

bondit

A habit-tracking app where you build habits with friends instead of going it alone.

Timeline
4 months
Role
UX & UI Designer · Researcher
Team
Solo project
Tools
Figma · Miro
Focus
Habits · Social · Journaling
Bondit app — three phone screens
Outcome
100%
task completion in final moderated usability testing
60%
lift in usability ratings, pre- vs post-redesign
4–5/5
intuitiveness from participants, consistently
(01) — Overview
The opportunity

Self-improvement and habit formation are increasingly popular among young people, but staying consistent is hard, and most people only have themselves for motivation. I designed a habit-tracking app that uses social interaction to make habit-building collaborative and fun. When a habit is a shared goal with friends, you have a reason to keep showing up.

(02) — The problem

Going it alone rarely sticks

Young adults trying to self-improve and form new habits struggle to stay consistent and hold themselves accountable when they’re the only source of motivation. Without connection or stakes, momentum fades fast, and most habit apps do nothing to fix it.

more likely to reach a goal when you share weekly progress with a friend — 70% succeed, versus 35% going it alone. (Dr. Gail Matthews, Dominican University)
(03) — The solution

Built around social connection

Bondit helps users build healthy habits with friends by creating “bonds”, groups around a shared habit where friends snap a daily photo to keep the streak alive. It feels less like tracking a habit and more like keeping up with friends.

The key decision

The turning point was a rename. The research kept pointing the same way, so I changed Habits to Bonds and rebuilt the core flow around shared habits instead of solo tracking.

Feature 01

Strengthen bonds with shared habits

The Bonds page is where you and friends build lasting habits together, create groups, set shared goals, and track progress by snapping photos to keep streaks alive. Personal and group streak stats sit up top for motivation, with friends, bond groups, and galleries of captured moments below.

Bondit profile and feed screens
Bondit New Entry and Journal screens
Feature 02

Journaling for flexible progress

Daily habit tracking isn’t the only way to measure progress. User interviews showed many people journal alongside or instead of tracking. Bondit lets you write, tag, and filter journal entries, then share them with friends or keep them private.

Feature 03

Stay connected with your community

Your Bonds bring every shared habit into one place, and each one carries its own streak, photo posts, and group chat. An Activity feed ties it all together, surfacing every like, comment, and bond invite, so you never miss a moment with your people.

Bondit Bonds, Bond detail, and Activity screens
(04) — Research

Understanding the problem space

Technical analysis

Assessed existing habit-tracking apps to find their weak points, especially around the social aspects, and where Bondit could improve.

Secondary research

Reviewed scientific evidence for social motivation in building and maintaining habits, backing the hypothesis that social interactivity drives consistency.

Primary research

One-on-one interviews with five participants across different areas of habit formation, to understand real motivations, challenges, and strategies.

5
interviews
“Social motivation plays a key role in habit formation and consistency.”
Key insights
01
Social accountability boosts consistency

Involving friends or groups created a sense of obligation and motivation, from rock climbing together to small spiritual-practice groups.

02
Journaling is essential

Most participants used casual journaling as their primary tracking method, a surprise that reshaped the app away from pure habit tracking.

03
It has to be effortless & fun

Past apps felt clunky and unengaging. Users wanted something familiar, closer to BeReal, Snapchat, Instagram, and TikTok.

User needs

What the research told me to build

Journaling

Users want journaling as their preferred way to keep track, so it had to be a first-class part of the design.

Social integration

Social features need to run throughout the app to make habit-forming more enjoyable, not bolted on.

Familiarity

A familiar UI that’s easy to pick up, echoing the apps users already reach for every day.

(05) — Process

Mapping it out, then cutting it down

User flows & IA

I mapped out the app’s flows and page labeling, then ran a remote-moderated tree-test study to validate the information architecture before moving into wireframes.

Wireframe & prototype

I tested what was essential and cut the rest. A remote usability study confirmed my worry, some pages felt overwhelming with too many on-screen elements, so I revised toward less clutter and clearer navigation.

Information architecture · tree-tested
App sitemap: Onboarding branches to Log In and Register, leading to Homepage, which branches into Tracker/journal, Post/feed, and Profile
Wireframe → final · Profile screen

Early designs centered on personal habit tracking, with a dedicated Habits tab for individual progress. Testing pushed me somewhere else: the part people actually cared about was doing it together. So I renamed the tab to Bonds and built the main flow around shared habits instead of solo ones.

Wireframe of the Profile screen
Wireframe — Habits tab, list-based profile
Final hi-fi Profile screen
Final — Bonds tab, Shared Bonds front and center
(06) — Design system

Warm, inviting, and consistent

I distilled my research into a small, familiar system built for daily use — an inviting palette, a clear type hierarchy, and a set of reusable components that keep every screen consistent.

Color
Warm neutral
Energetic orange
Calming teal
Ink
Type · SF Pro, weight-driven
68 days
Display · 30–40 / Bold
Shared Bonds
Heading · 18 / Semibold
Daily check-in
Body · 15 / Regular
Most Consistent
Label · 12 / Medium
Core components
68
Streak · badge
Introspection
Tag · category
Create bond Share
Buttons · primary / secondary
Filter
Filter · dropdown
Search people
Input · search
(07) — Hi-fidelity & final

Simplify, refine, focus

Using usability feedback, I simplified the app around its core purpose, connecting friends to form habits and journal, cutting the data-heavy pages the target audience didn’t value. I refined the UI to balance familiarity with a look of its own, keeping it easy to pick up and visually appealing.

100%
task completion in final moderated usability testing.
60%
lift in usability ratings, pre- vs post-redesign.
4–5/5
intuitiveness rating from participants, consistently.
Try it

Play with the prototype

Live front-end prototype — tap the bottom nav and icons to explore. Built in React from the Figma designs.

(08) — Take-aways

What I’m taking forward

Stay open to changing the concept

When testing kept pushing the same direction, I changed the concept instead of just polishing the screens I had. Reframing Habits as Bonds did more for the product than any visual tweak.

Subtract for the real user

I cut the data-heavy stats pages. They demoed well, but my users tracked casually through journaling and didn’t want them. Designing for the actual persona meant removing features, not adding them.

What I’d test sooner

I validated the screens, but not the social loop itself. Next time I’d put the core accountability mechanic in front of a real friend group before refining UI — the product lives or dies on that behavior, not the pixels.