inSync, a social focus app · Designer and builder · 2026

Case Study · Consumer mobile

inSync, a social focus app for students.

Focus apps treat studying as something you do alone. I tested a first version, dropped its Focus Score when testers felt graded, then designed and built this one.

Overview

inSync began as a Purdue course project with one open question: how do we design for focus for college students? My first answer was a different app. Testing it changed the question.

Tools

  • Figma
  • Claude Code
  • React Native
  • Expo
  • TestFlight
  • Firebase
Role
Designer and builder
Team
Solo
Timeline
Spring 2026
Scope
FocusLocationPeople
  • 18students tested the working app
  • 4.1 out of 5 average usability rating
  • 72%task completion
  • Builtin React Native, tested through TestFlight

Problem

No focus app we checked shows who is studying near you.

Around 30 apps already gamify focus or lock the phone.

The marketHover or focus an appTap an appTimerBlockSessionTimerA Pomodoro focus timer that blocks distractions and tracks progress.MissesNo friends list or shared sessions; nothing shows who’s studying nearby.FloraTimerGrow a virtual tree while you focus; leaving kills it.MissesFriends focus together in rooms; it doesn’t show who’s studying nearby.PomofocusTimerA customizable Pomodoro timer with tasks and focus reports.MissesShows a global weekly ranking, not which friends are studying nearby.FreedomBlockBlocks distracting apps and sites across all your devices.MissesPlays café and library sounds, but shows no one studying nearby.One SecBlockAdds a deep-breath pause before distracting apps and sites.MissesA private, solo pause; it doesn’t show who’s studying near you.OpalBlockBlocks distracting apps and websites on schedules, timers and limits.MissesDoesn’t show who else is focusing near you, or where.Either way, you focus alone.
  • A solo act

    Timer or blocker: either way, you focus alone.

  • Place is ignored

    Students pick a place for each kind of work. Most focus apps ignore where you are.

  • Scores that grade

    Scores and leaderboards judge the person instead of describing the work.

My role

  • Product direction

    I tested my first concept, dropped its central feature, and reframed the problem around people and places.

  • Research

    Interviews with eight students, two rounds of usability testing, and a review of the focus literature.

  • Design

    Every screen and state in Figma, with the design system under them. The file stayed the source of truth.

  • Build

    I wrote the PRD, directed Claude Code, and debugged the app until it matched the design.

Process

  1. 01 · Prototype testingThread turned your day into a Focus Score.

    Three graduate students tried Thread.

    Clear math didn’t stop the score feeling like a grade. “I feel like I’m being graded.” All three Thread testers said some version of it.

  2. 02 · Desk researchWhat focus apps do, and what students do instead.

    Thread would have been app 31.

    Around 30 apps already gamify focus or lock the phone. Students play hours of video of strangers studying, just to feel less alone. One had 9.9 million views.

  3. 03 · InterviewsEight students, 15 to 20 minutes each.

    Where you study depends on who you want around.

    After the pivot I talked with eight students, four undergraduates and four graduate students, for 15 to 20 minutes each. I asked how they study, and left apps out of it.

    Interview notesinSyncStrict deadline alone, everything else with people.→ Location matters. A lot.Graduate student, CITYou could hang out with them even though they’re doing their own stuff.→ Study patterns are flexible.Third-year student, CGTI wouldn’t go join, but I’d still like to see everyone.→ Presence motivates, if it’s optional.Graduate student, CGTAffinity map · inSyncInterviews01Location matters. A lot.Strict deadline alone, everything else with people.Graduate student, CIT02Study patterns are flexible.You could hang out with them even though they’re doing their own stuff.Third-year student, CGT03Presence motivates, if it’s optional.I wouldn’t go join, but I’d still like to see everyone.Graduate student, CGT
    What students said, then what it added up to: the findings below, with the words they came from.
    • Location matters. A lot.

      Students match places to kinds of work: deadlines alone at home, projects in common spaces, deep work in the library.

    • Study patterns are flexible.

      The same student works alone on Tuesday and next to friends on Wednesday.

    • Presence motivates, if it’s optional.

      Seeing others work pulls people into their own work. Being pushed to join breaks the effect.

  4. 04 · Literature reviewThree theories of why company helps.

    Other people change how you focus.

    Social facilitation: the presence of others narrows attention to the task (Zajonc, 1965). Self-determination: lasting motivation needs relatedness, which focus apps forget (Ryan & Deci, 2000). Goal-setting: naming a task and starting a timer is a commitment (Locke & Latham, 2002).

Findings

My first version scored your focus. Testing killed the score.

Transparent math: tap any bar to see what moved the score.

Previous state · Thread, the mid-fi prototype

Transparent math: tap any bar to see what moved the score.
“The number will just demotivate me even when I know it’s fair.”
PhD student, ECE · Mid-fi testing“I feel like I’m being graded.” All three Thread testers said some version of it.

The reframe

A tool problem

Leads to a notification policy and a ladder of friction.

A social problem

Leads to a map, a sign of who is focusing, and a weekly view built on people and places.

What carried over: everything is opt-in, and nothing is graded.

How might we

How might we use the people and places already in a student’s life to make focus easier?

Solution

Pick a task, start a timer, see your friends doing the same.

On your own

  1. Set a time, turn on friends
  2. Pick a task
  3. Start focusing

With friends

  1. See who’s nearby
  2. Match their time
  3. Focus together
  • Change of environment

    Answers problem 01: A solo act

    Friends are visible. Joining is optional.

    The map shows who is studying nearby, grouped by place.

  • Joining a group in progress

    Answers problem 02: Place is ignored

    Every session has a place. Sharing it is your call.

    Each session records where it happened, so the app learns where you focus best.

  • Reflection over time

    Answers problem 03: Scores that grade

    No score. Just patterns you read yourself.

    The weekly view shows where, when and with whom you focused best.

The takeaway

A working app that 18 students tested.

I designed in Figma first, then built a working React Native app on Firebase with Claude Code and put it on testers’ iPhones through TestFlight. Every focus session it ran was logged.

  • Figma
  • Claude Code
  • TestFlight
  • Firebase

Every number in Impact comes from that build, on testers’ own iPhones.

Impact

A working app on TestFlight, tested with eighteen students.

How the testing ran

  1. Shipped on TestFlight

    TestFlight is Apple’s beta channel. I uploaded the build to App Store Connect, and testers installed it from an invite on their own iPhones.

  2. Measured in use

    The app logged every focus session to Firebase. Testers ran the use cases thinking aloud, rated usability and task clarity out of 5, and I counted completed tasks.

  3. Changed what testers flagged

    Location became a choice per session, the weekly view says how well a place worked, and matching covers breaks.

Participants tested18Avg. usability /54.1Task clarity /53.8Task completion72%

Hi-fi testing · What changed

  • Graduate student, CIT · Hi-fi test
    “I’m not always comfortable with people knowing where I am, even friends. I’d rather decide each session.”

    Changed

    Location went from always on to a choice per session.

    The switch ↓
  • First-year student, CGT · Hi-fi test
    “Okay, I see I was at Lawson three times this week. But which building actually helped me focus more? That’s the question I want answered.”

    Added

    The weekly view says how well, not just where.

    The weekly view ↓
  • Graduate student, CIT · Hi-fi test
    “My group takes coffee breaks together. The thing we want to sync isn’t when we start, it’s when we break.”

    Reframed

    “Match their time” is about breaks, too.

    Match their time ↓

Hi-fi testing · What testing confirmed

  • Testers · Hi-fi test · My notes

    No participant asked for a score. Several explicitly said they preferred the pattern view.

    Confirmed

    Dropping the score held up.

    The pivot ↑
  • Testers · Hi-fi test · My notes

    The map cluster view, rather than precise coordinates, was unanimously the right call. The aggregation made the feature feel useful rather than surveillant.

    Confirmed

    Friends show up as a group at a place, with no exact position.

    The map ↑
  • Testers · Hi-fi test · My notes

    No participant suggested it should be simpler, and no one suggested adding configuration steps.

    Confirmed

    Three taps to start.

RecognitionBest Semester ProjectPurdue coursework

Reflection

The reframe was the most important decision I made.

  • Finding the problem took longest

    I could build screens quickly. Finding the right problem took the testing, the pivot and the interviews.

  • Building shows the real constraints

    Building it myself showed how the design behaves as a product, and where the real constraints are.

  • The next test runs for weeks

    Social products don’t show their behavior in a 20‑minute session. The next step is a cohort over several weeks, beyond Purdue.

  • What a launch needs

    Privacy controls first, then presence and push at scale, then one campus at a time.

Go deeper

The research and the details, for anyone who wants them.

Design decisions

Testing changed three things and confirmed three more.

The sessions I wrote up ran three of the use cases on campus, thinking aloud, with the same debrief each time.
  1. Changed

    Location went from always on to a choice per session.

    The first build shared location by default. Now sharing is a switch you set for each session.

    “I’m not always comfortable with people knowing where I am, even friends. I’d rather decide each session.”
    Graduate student, CIT

    one switch, every session

  2. Added

    The weekly view says how well, not just where.

    Testers could see where they had studied, but not which place helped. Each place now shows visits and a completion rate. The rate describes the place, not you.

    “Okay, I see I was at Lawson three times this week. But which building actually helped me focus more?”
    First-year student, CGT

    the % belongs to the place

  3. Reframed

    “Match their time” is about breaks, too.

    Some groups start at different times but take their breaks together. The feature now covers ending together as well as starting together.

    “My group takes coffee breaks together. The thing we want to sync isn’t when we start, it’s when we break.”
    Graduate student, CIT

    sync the coffee break

  4. Cut

    The leaderboard.

    An early version ranked friends by time studied. Most students didn’t want that pressure, so ranking friends against each other went.

The build

Claude Code fills every gap I leave, so the design comes first.

Figma, then Claude Code, then TestFlight
  1. 01

    Figma

    43 screens and every state, designed first. About 60% of the work.

  2. 02

    Claude Code with the Figma MCP

    A 24-component system generated from the file, with TypeScript types.

  3. 03

    TestFlight and Firebase

    Real sign-in and data. Testers installed it through TestFlight, and every focus session was logged.

  • Context is the whole game

    Claude forgets between sessions. The Figma file, the PRD and a context file in the repo are how it remembers.

  • Know what you don’t want

    Claude fills every gap you leave. The clearer the design before code, the less you remove later.

  • Critique, not review

    Review asks if it works. Critique asks if it’s right, and needs a baseline you built yourself.

Research

Design principles

  • No grading

    Nothing ranks you, against friends or against an ideal version of yourself.

  • Opt-in everything

    Nothing is locked, blocked or imposed. Every social signal is a choice.

  • Three taps to start

    A session starts in three taps. Setup never needs a trip into settings.

  • Awareness over interaction

    Seeing others is the active ingredient. No chat, no nudges, no waving at friends.

  • Location is first-class

    Where you study is data, not metadata.

Next casePakPlug Live on Google Play · Mobile

Want the 20-minute walkthrough of the app and how it was built? Email me.