← Back to Portfolio Home All case studies
Case study · completed

💔 Moving On — a place to feel your feelings after a breakup, not perform being over it

A desktop web app for people who aren't ready to date, don't feel "broken enough" for therapy, and are tired of unloading on the same three friends.

RoleUX Researcher & Designer, solo
Duration6 weeks
PlatformDesktop web app
Figma
FigJam
Google Forms
Problem
Isolating recovery
Research
Mixed-method study
Process
5-phase design
Decisions
Evidence-linked
Outcome
Iterated prototype
Role
Solo, end-to-end
4
Core needs synthesized
20+
Ideas considered
5
Moderated test sessions
6
Weeks, start to finish

Executive summary

The scannable version, for anyone who wants the shape of the project before reading the full story.

Project overview

A desktop web app that gives people going through a breakup a judgment-free place to vent, connect platonically, and process emotion at their own pace.

Problem

Breakup support today means either dating-app pressure or paid, non-anonymous therapy — nothing free, anonymous, and built purely for processing.

Solution

Four focused tools — anonymous Vent Rooms, platonic Match & Meet, guided Healing Tools, and community Events — with privacy as a default, not a setting.

My role

Solo UX researcher and designer: discovery research, IA, wireframes, visual design, prototyping, and usability testing.

Timeline & platform

6 weeks, start to finish. Designed for desktop web, using Figma, FigJam, and Google Forms for research.

Outcome

Five moderated prototype sessions exposed three high-friction moments. I revised the vent-mode choice, optional profile fields, and photo-upload hierarchy, then documented the remaining limitations before any launch claim.

Project context: This is a self-directed portfolio concept, not a live product. Research and usability findings are directional evidence from the participants and prototype sessions documented below—not market validation.

Where this started

I got here the way most people research a breakup app idea: reading way too many Reddit threads at 1am. What kept jumping out was that almost every app aimed at heartbroken people is secretly a dating app, a journal, or a therapy waitlist wearing a "healing" label — and none of them just let someone be sad for a minute without trying to fix it.

Zooming out, that's a product gap, not just a feeling: people recovering from breakups often feel isolated, overwhelmed, and emotionally exhausted, and existing products either push them back toward dating or route them into paid therapy. Nothing sits in between for someone who just wants emotional support and community.

I followed the design process below in that order on purpose, because each stage needed an answer from the one before it: Empathize to find out what was actually true, Define to turn that into one problem I could design against, Ideate to narrow a long list of ideas into something buildable, Prototype to make it real, and Test to see if it actually held up with real people.

01
Empathize

Finding out what people actually need after a breakup, before designing anything.

Research first — always

I began with exploratory secondary research, a competitive audit, survey responses, and interviews. The goal was not to prove a market at scale; it was to understand the emotional and privacy needs the first prototype had to respect.

12
Interview participants
146
Survey responses
83
Reddit posts reviewed
17
Existing products audited
4
Major pain points

Exploratory sample. The findings shaped this concept and should be read as directional—not as statistically representative market validation.

Research goals & questions

  • Goal: understand what people actually need emotionally in the weeks after a breakup, before designing any feature.
  • Question: what makes existing breakup-adjacent products (dating apps, journals, therapy platforms) feel wrong for this moment?
  • Question: how much does privacy/anonymity change someone's willingness to be honest about how they're feeling?
  • Question: is there real appetite for platonic connection with strangers who "get it," separate from dating?

Methods & timeline

Secondary research and a competitive audit in week 1, a Google Forms survey and Reddit analysis in week 2, and 1:1 interviews spanning weeks 2–3, run in parallel with early synthesis so findings could still shape the interview guide.

"I don't want advice — I just want to feel."
"I joined a breakup Discord and made real friends."
"I blocked him but it still hurts."
"It's okay to mourn."
What I kept hearingWhat it meant for the design
People want permission to feel, not a fast fix.A space to vent with zero advice required, zero "here's how to move on" tone.
People miss companionship more than romance.Platonic matching, kept clearly separate from anything dating-adjacent.
Privacy matters more than almost anything else.Anonymous-by-default; no name or photo required to vent.
Everyone heals differently.Identity, faith, and comfort-level filters built into onboarding, not bolted on later.

Interview highlights

Two of the twelve interviews that most directly shaped the design.

Emily
25 · Recently ended a 4-year relationship
"I don't want advice."
InsightPeople need validation more than solutions — advice can feel like being told their feelings are a problem to solve.
Design decisionCreated anonymous Vent Rooms with no reply-with-advice affordance built in.
Adeel
32 · Software Tester
"I want to speak with someone who understands my values."
InsightFaith and cultural context change what "support" feels safe, and generic advice apps ignore that entirely.
Design decisionAdded optional faith and comfort-level filters to the healing profile, used only for respectful matching.

Research insights, visually

Finding

Users feared judgment

Design decision

Anonymous posting

User benefit

Safe emotional expression

What already exists (and where it falls short)

I reviewed representative peer-support, coaching, and therapy products to understand common patterns and identify a narrower concept opportunity. This was a directional audit, not a complete market analysis.

Directional comparison of representative breakup and support products
7 CupsBreakup BestieReGainMoving On
First impressionOkay clinicalOkay commercialWeak corporateGood calming
ContentMostly paid therapistPaid articlesTherapy onlyFree — vent, meet, reflect
PrivacyFull registrationUnclearFull data requiredAnonymous by default
Competitive audit table for Moving On vs 7 Cups, Breakup Bestie, ReGain
My original audit board, built in FigJam

The gap: no product combines anonymity, structured recovery, and optional platonic connection in one free experience. Everyone else forces a choice between unstructured peer support or paid, non-anonymous therapy.

Who I designed for

I didn't want one "average" heartbroken user. I built three people who each pull the design in a slightly different direction — if it works for all three, it's probably actually inclusive, not just labeled that way.

Jasmine M, persona photo
Jasmine M.
27 · Nurse · she/her
"I don't want a date. I need someone who just gets it."

Goals

  • Vent anonymously, without judgment
  • Connect emotionally, not romantically

Frustrations

  • Doesn't want to overwhelm her friends
  • Most platforms are built for dating
Adeel R, persona photo
Adeel R.
32 · Software Tester · he/him
"I want to speak with someone who understands my values."

Goals

  • A faith-sensitive, judgment-free space
  • Calm routines, not group chat

Frustrations

  • Modern breakup advice feels too secular
  • Dating apps feel emotionally shallow
Taylor N, persona photo
Taylor N.
23 · Art Student · they/them
"Sometimes I just want to exist without anyone needing anything from me."

Goals

  • Quiet support, low energy required
  • Gender identity respected by default

Frustrations

  • Overwhelmed by busy group chats
  • Hates streaks and gamified healing

Walking through Jasmine's night

Mapping a full journey, not just the happy path, is what showed me exactly where the emotional low point was — and where the product needed to be gentle instead of pushing someone forward.

Before
Lonely, ashamed

Stays quiet, reads forums late at night instead of reaching out.

Fear of judgment

Pain 9/10 · Emotion: isolated
Opportunity: lower the bar to reach out

Finds the app
Cautious, curious

Reads "not a dating app" messaging before deciding to sign up.

Clear framing helps

Pain 6/10 · Emotion: wary
Opportunity: reassure before asking for info

In the Vent Room
Nervous, hopeful

Sets identity filters, vents anonymously for the first time.

Needs safety reminders

Pain 4/10 · Emotion: exposed
Opportunity: visible privacy cues in the moment

After
Relieved, lighter

Feels heard without being pushed to explain or "move on."

Wants a gentle return

Pain 2/10 · Emotion: relieved
Opportunity: make coming back feel optional, not obligatory

Adeel's and Taylor's journeys followed this same shape, with faith-based and solo-only filters standing in for the identity filters above.

02
Define

Turning research into one clear problem and a defensible list of priorities.

Sorting the mess into themes

Every quote and note from research got clustered by theme in FigJam. This is the step that turns "I read a lot of forums" into an actual, arguable design direction.

Affinity map clustering research quotes into themes
Affinity map — space to feel, privacy, identity-based safety, gentle connection, simple tools

The problem, in one sentence

Problem: Heartbroken people need a safe, inclusive way to process emotion because most apps focus on dating or distraction, not pressure-free recovery. They want to feel, not be fixed.

Goal: Design a platform offering private emotional tools, identity-safe connection, and gentle healing — without dating pressure — so people can recover at their own pace.

Opportunity statement

How might we create a safe digital environment where people can process heartbreak without feeling judged or pressured to move on too quickly?

The questions I kept designing against, underneath that one:

  • How might we give people space to release emotion without judgment?
  • How might we match users in a way that feels safe and intentional, not like dating?
  • How might we make people feel seen across gender, faith, and orientation without overcomplicating onboarding?
  • How might we give strong privacy while still enabling real connection?

Product vision

Vision

A world where no one has to heal from heartbreak alone, or perform being "over it" before they're ready.

Mission

Give people a private, judgment-free space to feel their feelings, find platonic connection, and rebuild at their own pace.

Core values

Empathy
Privacy
Community
Acceptance
Healing
Trust

Design principles

01

Human first

Every screen should feel like it was designed by someone who has actually gone through a breakup.

02

Emotionally safe

No streaks, no guilt copy, no pressure to "move on" on a schedule.

03

Private by default

Anonymity is the starting state, not an opt-in buried in settings.

04

Inclusive

Faith, gender, and comfort-level filters exist from onboarding, not bolted on later.

05

Simple

Four clear doors in, no maze of sub-menus for someone who's already overwhelmed.

06

Accessible

Calm, legible, and usable under stress — low cognitive load throughout.

03
Ideate

Prioritizing an MVP and mapping the structure before drawing a single screen.

Choosing the final prototype scope

Brainstorming produced over twenty ideas. I scored each one on impact vs. effort — the high-impact, low-complexity ones made the cut, and I let go of the rest, even the fun ones.

Final prototype

Vent Room

Anonymous emotional expression, 1-on-1 or solo, with no pressure to be "fixed."

Final prototype

Match & Meet

Safe, platonic matching filtered by gender, faith, and comfort level.

Final prototype

Healing profile

Identity and comfort preferences used only to create respectful matches.

Final prototype

Healing tools

Courses, breathing, mood tracking, and a "burn the letter" release exercise.

What I cut, and why: an AI-guided therapist chatbot tested really well in brainstorming, but I postponed it. The emotional and liability stakes of simulating therapeutic guidance were too high to ship without real clinical review, and that didn't fit inside six weeks.

Prioritization (MoSCoW)

Must have
  • Anonymous Vent Room (solo & 1-on-1)
  • Healing profile with privacy defaults
  • Platonic Match & Meet
Should have
  • Healing Tools hub (breathing, mood tracker)
  • Faith & comfort-level filters
Could have
  • Community Events & RSVPs
  • "Burn the letter" release exercise
Won't have (v1)
  • AI-guided therapist chatbot
  • Streaks & gamified milestones

The line between Must and Should came straight from the research table above: anything tied to privacy or judgment-free venting was non-negotiable; anything that added delight without addressing a core pain point could wait.

Trust and safety guardrails

Anonymous emotional support can create real harm if safety is treated as a footer link. These were product requirements for any future implementation—not claims that a live moderation system already exists.

Report, block, and exit

Persistent controls from conversations and profiles, plus a fast exit that does not require explaining or confronting another person.

Moderation and escalation

Clear room rules, trained human review for reports, documented response targets, and crisis resources when language suggests immediate danger.

Data minimization

Core venting does not require a photo, faith, gender, or public identity. Sensitive matching preferences stay optional and purpose-limited.

Anti-harassment defaults

No unsolicited direct messages, rate limits for repeated requests, and privacy-preserving controls for visibility, deletion, and account recovery.

Mapping the structure

The nav had to hold four very different needs — solo healing, anonymous venting, platonic matching, and community events — without making any single one feel mandatory.

Home
Vent Room
  • Solo Vent
  • 1-on-1 Vent
  • Room rules & consent
Match & Meet
  • Browse profiles
  • Your matches
  • Inbox
Healing Tools
  • Courses
  • Breathing & audio
  • Mood tracker
Events
  • Browse events
  • My RSVP
  • Create event
Profile
  • Personal info
  • Privacy
  • Support

The core flow

Deliberately short: create a profile once, then branch into whichever path fits that day, with no forced order between them.

Sign up
Healing profile
Home
Vent
Match
Healing tools
Check in
04
Prototype

From rough paper sketches to a finished, calming product — and a menu-by-menu tour of the result.

Low-fidelity

It started on paper

Before any color or copy, I sketched the bones of each screen on paper — just layout and hierarchy, so I could argue about structure without anyone getting distracted by a font choice.

headline — keep short!
Landing page
20 min timer
Vent Room chat
Match & Meet grid
4 doors, no streaks
Home
no "streak" badges
Healing Tools hub
privacy toggles up top
Profile & Settings
Mid-fidelity

Then I gave it structure

Once the layout held up on paper, I rebuilt every screen in grayscale — real copy, real hierarchy, real components — so I could test whether things actually made sense before color got the chance to do any of the work for me.

Grayscale wireframe of the landing page
Landing page
Grayscale wireframe of the home dashboard
Home dashboard
Grayscale wireframe of the Vent Room setup
Vent Room setup
High-fidelity

Final prototype screens

The final concept is organized around four needs: private expression, platonic support, guided reflection, and safer community participation. Open any rationale panel for the decision behind a screen.

1Landing & sign up

First impressions matter more here than in most products — the headline is doing one job, which is telling you this isn't a dating app before you even scroll. Sign up asks for the minimum: name, email, password, and pronouns if you want to share them.

Design rationale

Goal

Kill the "is this a dating app?" hesitation in the first five seconds.

Design decisions

Non-romantic headline, minimal sign-up fields, optional pronouns.

Research connection

Directly answers the "not another dating app" theme from interviews.

Accessibility

Labeled inputs, visible focus states, 4.5:1 contrast on all text.

Moving On colorful landing page
Sign up form
Create your account

2Home

This is the first thing you see after signing in — no streak counters, no "day 4 of your healing journey" pressure. Just four doors: Home, Match & Meet, Vent Room, Healing Tools. I wanted it to feel like walking into a calm room, not opening another app that's trying to hook you.

Design rationale

Goal

Orient a possibly overwhelmed user in seconds, with zero decision fatigue.

Design decisions

Four flat doors, no streaks, no gamified progress bars.

Research connection

Directly reflects the "human first, not gamified" design principle.

Accessibility

Large tap targets, plain language labels, low cognitive load layout.

Moving On colorful home dashboard

3Vent Room

Vent Room is one tap from Home, on purpose — no digging for it on a hard day. Inside, you choose whether you want to vent, listen, or just be alone with the page, and before anyone's matched you agree to the room rules: no names, no fixing, no advice unless asked.

Design rationale

Goal

Make anonymous emotional release feel safe within one tap of intent.

Design decisions

Room rules shown before matching, solo/1-on-1 choice, no advice affordance.

Research connection

Built from Emily's "I don't want advice" interview insight.

Accessibility

Plain, non-clinical copy; reduced-motion-safe transitions; clear exit control.

Vent Room entry card on the home dashboard
The Vent Room entry point from Home

4Match & Meet

This is the one part of the app that looks a little like a dating app on the surface — browsing profiles, sending a request — and that's exactly why I leaned hardest on tags like "Talk + Listen" or "Woman of Faith" here instead of anything about looks. Matching needs both people to say yes before a chat opens.

Design rationale

Goal

Enable platonic connection without ever feeling like a dating flow.

Design decisions

Identity/comfort tags replace photos as the primary browsing signal; mutual opt-in required.

Research connection

Answers the survey theme that people miss companionship more than romance.

Accessibility

Text-first cards reduce reliance on photos; screen-reader-friendly tag labels.

Browse matches filtered by identity
View match profile with reject and match actions
Profile view — mutual consent required

5Healing Tools

The quiet corner of the app — courses, guided audio, and a mood tracker, all sitting side by side with no required order and no completion badges. Nothing in here is trying to gamify how you feel.

Design rationale

Goal

Offer structure for people who want it, without pressuring people who don't.

Design decisions

Non-linear tool grid, no streaks or completion badges anywhere in the hub.

Research connection

Cut the AI chatbot and streaks that tested well but conflicted with "no pressure to move on."

Accessibility

Audio tools include captions/transcripts; mood tracker usable via keyboard alone.

Healing tools hub
The Write a Letter You'll Never Send release tool
Inside a healing tool — write, then burn

6Events

Walks, breathwork groups, coffee meetups — the one place the app nudges you offline. Every event card shows its safety tags right up front, and creating one reminds you to pick a public place, because this is where the stakes get real.

Design rationale

Goal

Extend healing into real-world, low-pressure community without hidden risk.

Design decisions

Safety tags surfaced on every card; public-place reminder built into event creation.

Research connection

Balances the desire for community against the privacy concerns raised in interviews.

Accessibility

Location and time info in plain text, not icon-only, for screen readers.

Healing event detail view
Create an event form with privacy filters
Create an event, with safety filters

7Profile & Settings

Privacy toggles live at the top, not buried under "Account" — because how visible you want to be isn't a one-time decision, it changes day to day. Accessibility and notification settings sit right next to them for the same reason: both are about how much of yourself you're choosing to show.

Design rationale

Goal

Make privacy feel like an ongoing choice, not a one-time setup step.

Design decisions

Privacy toggles promoted above generic account settings.

Research connection

Responds directly to "privacy matters more than almost anything else."

Accessibility

High-contrast mode and font-size controls live in the same reachable spot.

Privacy and accessibility settings screen
Personal info settings screen
Personal info

From v1 to final

The mid-fidelity round was not the finish line. Moderated sessions revealed where labels and hierarchy were asking users to work too hard, so I revised the prototype before documenting the final concept.

Version 1

Vent / listen / solo choice

Observed behavior

3 of 5 participants hesitated

Revision

Added plain-language descriptions under each mode

Follow-up

All five participants completed the revised flow without facilitator help

Design system

A small, warm palette on purpose — nothing here was meant to feel clinical, urgent, or "app-store cheerful."

Navy ink
#241C42
Coral
#EF6461
Sage
#6E8F73
Cream
#FBF6F0
Headings — Fraunces
Feel it, don't fix it
Body — Nunito
Plain, round, and easy to read at 1am.

Spacing, grid & components

  • Spacing scale: 4px base unit (4/8/12/16/24/32/48px) keeps rhythm consistent across cards, pills, and sections.
  • Grid: 1080px max content width, 24px side padding, single-column on mobile below 640px.
  • Components: pill buttons, soft-shadow cards, rounded inputs (12–20px radius), and a consistent icon-chip pattern for tool logos.
  • States: hover lifts cards 3px with a softened shadow; focus states use a visible 2px coral outline for keyboard users.

Accessible color pairings

Selected color contrast pairings used in the case study
ForegroundBackgroundContrast
Navy ink #241C42Cream #FBF6F0AA/AAA text
Coral-dark #B33E3CCoral-light #FCEAE9AA text
Sage-dark #2F4A34Sage-light #E9F1E9AA text
Ink-soft #5D5470White #FFFFFFAA text

Accessibility decisions

I treated accessibility as a design constraint, while separating what is implemented in this case-study page from what would still require engineering and formal testing in a live product.

Implemented in this case study

  • Keyboard-visible focus states, a skip link, semantic landmarks, descriptive image text, and reduced-motion support.
  • Body and supporting text colors adjusted for readable contrast against cream and white surfaces.
  • Responsive layouts, horizontally scrollable tables, and zoomable prototype screens for smaller displays.

Requirements for a live product

  • Large touch targets, complete keyboard operation, screen-reader labels, logical focus order, and accessible error handling.
  • No color-only status signals; safety and availability states pair text, icons, and color.
  • Optional identity fields, plain non-clinical language, reduced-motion controls, adjustable text, and high-contrast settings.

Limitation: the prototype screens are design artifacts, not production code. A real launch would require formal WCAG testing with assistive-technology users rather than relying on visual review alone.

05
Test

Putting the prototype in front of real people, and changing the design based on what happened.

Did it actually work?

I used a small moderated study to identify usability breakdowns, not to claim statistical validation. The most useful evidence was where people paused, misread optional fields, or needed facilitator help.

Usability study method and scope
MethodModerated remote sessions via the Figma prototype, ~25 min each, think-aloud protocol
Participants5 participants, ages 22–40, with varied technology comfort. The sample was intentionally small and directional.
Tasks testedStart a Solo Vent session · set up a healing profile · send a match request · RSVP to a safety-tagged event
5
Moderated sessions
4
Core tasks
3
Priority issues
1
Focused iteration
  • The "vent / listen / solo" choice confused people. 3 of 5 participants hesitated here in round 1. I added a one-line description under each option explaining what happens next.
  • Photo upload felt mandatory, even though it wasn't. 2 participants tried to upload a photo despite wanting to stay anonymous. I made "Skip for now" visually equal to "Upload photo," not a tiny link underneath it.
  • People thought faith and gender fields were required. They only relaxed once they spotted "(optional)" in small helper text. I moved that word onto the field label itself.

Where I drew the line: five participants was enough to catch the issues above, but not enough to claim real statistical confidence. A larger, more diverse round — including people currently mid-breakup rather than recalling an old one — is the honest next step before I'd call this launch-ready.

How I'd measure success, post-launch

Because this remained a concept, these are proposed product-health signals—not achieved outcomes. I would pair usage data with safety and user-reported benefit.

Time to first helpful interaction

User-rated helpfulness after a session

Report rate and resolution time

Return rate after the first session

Event attendance and no-show rate

User-reported sense of support

Account deletion and data-export success

Safety incidents by feature and cohort

What I'd tell you if we grabbed coffee

This project asked for a different kind of restraint than most apps I've worked on. Nearly every feature that tested well emotionally — streaks, gamified milestones, AI-guided prompts — had to be weighed against whether it would actually help someone heal, or just make the product feel more "sticky." The four features in the final prototype came straight out of the affinity themes, not from what would look most impressive in a portfolio.

The biggest thing I took away: inclusivity here wasn't a feature, it was the whole premise. A faith filter, a gender-comfort setting, an anonymous mode — none of that is an add-on bolted onto a generic breakup app. It's the reason Jasmine, Adeel, and Taylor can all open the same product and feel like it was actually built for them.

Biggest challenge

Saying no to features that tested emotionally well but didn't serve healing — the AI chatbot was the hardest cut.

Tradeoffs

Six weeks meant Events remained thinner than I wanted in the final prototype; RSVP flow is solid but organizer tools are minimal.

What I'd do differently

Recruit a few participants who are currently mid-breakup, not just recalling one, for sharper emotional accuracy.

Future features

Licensed-therapist directory as an opt-in bridge, and a slower, more structured group-support format.

Lessons learned

Restraint is a design skill. The best decision I made all project was a subtraction, not an addition.

How this changed my thinking

Inclusive design isn't a feature toggle — it has to be a premise you design from on day one.