CASE STUDY · PLATFORM TIL MENTAL SUNDHED · 2024 / 2026

Hvis folk alligevel bruger timer online, så lad det være et sted, der passer på dem.

Min rolle
Product Designer
År
2024 (v1) · 2026 (v2)
Team
Soloprojekt
Platform
Web 1440 + mobil 390
MitMinds startskærm: dagens check-in, næste session og indhold at fortsætte med

01 · PROJEKTOVERBLIK

Et roligere sted at bruge din tid

MitMind er et koncept for en platform til mental sundhed, som jeg har skabt. Den samler sessioner med autoriserede psykologer, en privat humørdagbog kaldet Daily Feelings, korte kurser og meditationer, modererede fællesskaber og live foredrag.

Jeg designede den første version i 2024. I 2026 vendte jeg tilbage med mere erfaring og redesignede den fra bunden: ny research, omsorgsprincipper, et komplet design system og 67 skærme til desktop og mobil.

Den største udfordring: en person i terapi har omkring 4 timers kontakt med sin psykolog om måneden. MitMind er designet til resten af måneden, på en måde der føles tryg og privat og aldrig dømmer, hvordan nogen har det.

Det leverede jeg

  • 67High-fidelity skærme58 desktop og 9 mobil, inklusive tomme tilstande, indlæsning og fejl
  • 60+Komponenter36 variantsæt, alle bundet til variabler og tekststile
  • 130Design tokensPrimitiver, semantiske farver og dimensioner, med WCAG-tjek
  • 7PrototypeflowsFra onboarding til booking, deling og live events

Min rolle og mine værktøjer

Soloprojekt. Jeg stod for hele produktdesignet: research, informationsarkitektur, regler for omsorg og privatliv, UX writing, design systemet og hver eneste skærm. Jeg arbejdede, som jeg gør med produktteams: forstå problemet, sætte principper, bygge systemet og derefter designe flowsene.

  • UX Research
  • Heuristisk evaluering
  • Informationsarkitektur
  • UX Writing
  • UI Design
  • Design System
  • Prototyping
  • Tilgængelighed
  • Figma

Projektets tidslinje

  1. 2024Version 1Første koncept: forside, Daily Feelings, fællesskaber og sessioner.
  2. 2026 · Fase 1Research og auditDesk research, heuristisk evaluering af v1 og omsorgsprincipper.
  3. 2026 · Fase 2Design systemFundament, 130 tokens og mere end 60 komponenter.
  4. 2026 · Fase 3Skærme og flows67 skærme, tilstande, mobil og 7 klikbare flows.

02 · RESEARCH

At forstå tiden mellem sessionerne

Jeg startede med offentlige data om mental sundhed og skærmtid i Brasilien og gennemgik derefter min egen første version med et mere kritisk blik.

Konteksten i tal

  • 5%af befolkningen i Brasilien går i psykoterapi
  • 9h32online om dagen i gennemsnit i Brasilien (globalt gennemsnit: 6h58)
  • ~4 tkontakt med en psykolog om måneden ved ugentlig terapi

Researchmetoder

  • Desk researchOffentlige dataTal om adgang til terapi og tid online i Brasilien for at forstå, hvor stort hullet er.
  • AuditHeuristisk evaluering af v1Jeg gennemgik hver skærm i v1 med Nielsens 10 heuristikker og stillede ét spørgsmål mere: føles det her trygt for en, der har en dårlig dag?
  • BenchmarkKonkurrentanalyseTerapiplatforme, meditationsapps og online fællesskaber. Hver løser en del af problemet, ingen forbinder delene.
  • RetningslinjerOmsorg og tilgængelighedRetningslinjer for sikker kommunikation om selvmordsforebyggelse, støttelinjen CVV 188 i Brasilien og WCAG 2.2 AA.

Vigtigste indsigter

  1. 01Ugerne mellem sessionerne er tommeTerapi foregår én time om ugen. Tankerne, de dårlige dage og de små sejre sker i de andre 167 timer, og det meste er glemt før næste session.
  2. 02Emojis og rødt dømmer følelserv1 brugte tegneserie-emojis, blandt andet et grædende ansigt for "Super Sad". I en kontekst om mental sundhed får det en dårlig dag til at virke forkert eller pinlig.
  3. 03Privatliv er betingelsen for ærlighedFolk skriver kun sandheden i en dagbog, hvis de selv styrer, hvem der læser den. Deling med en terapeut skal være udtrykkelig, afgrænset og nem at stoppe.
  4. 04Hjælp skal være ét tryk vækv1 havde ingen vej ved krise. Et produkt om mental sundhed skal sige klart, hvad det ikke er, og vise, hvor man finder akut hjælp, fra enhver skærm.

Proto-personaer

Fiktive personer bygget på researchen og brugt til at styre beslutninger. De er antagelser, der skal valideres i brugertests, ikke resultater fra interviews.

  • Amanda Smith, 34Marketingchef · São Paulo
    • Ugentlig terapi
    • Travl kalender

    Startede i terapi sidste år. Lange arbejdsdage og mange timer på telefonen. Hun vil holde fremskridtene fra sessionerne i live hele ugen.

    Mål

    Opdage mønstre i sit humør og tage dem med i terapien.

    Frustration

    Wellness-apps, der føles som lektier eller straffer hende for at springe en dag over.

    “Om torsdagen kan jeg ikke huske, hvordan mandagen egentlig føltes.”
  • Jason Adams, 41Psykoterapeut · Remote
    • Autoriseret psykolog
    • Online sessioner

    Møder de fleste af sine klienter over video. Han sætter pris på kontekst, men er varsom med værktøjer, der indsamler flere data end nødvendigt.

    Mål

    Starte hver session med kontekst uden at bede klienter udfylde skemaer.

    Frustration

    Platforme, hvor samtykke er uklart, eller data deles som standard.

    “Jeg vil kun se det, min klient har valgt at vise mig.”
  • Lucas Rocha, 22Universitetsstuderende · Recife
    • Aldrig prøvet terapi
    • Lever online

    Bruger det meste af sin fritid på sociale medier. Han har følt sig angst i månedsvis, men ved ikke, hvor han skal starte, eller hvad terapi koster.

    Mål

    Forstå, hvad han føler, og finde hjælp han har råd til.

    Frustration

    At føle sig dømt, eller at hans problem ikke er alvorligt nok.

    “Jeg ved ikke engang, om det, jeg føler, er nok til at tale med nogen.”

03 · IDÉUDVIKLING

At designe omsorg ind i produktet

Jeg formulerede problemet som "Hvordan kan vi"-spørgsmål og skrev omsorgsprincipper, som hver skærm skulle leve op til.

Hvordan kan vi

  • Hvordan kan vi støtte folk i ugerne mellem terapisessionerne?
  • Hvordan kan vi hjælpe folk med at registrere deres humør uden at en dårlig dag ligner et nederlag?
  • Hvordan kan vi lade folk dele deres dagbog med en terapeut og samtidig bevare fuld kontrol?
  • Hvordan kan vi gøre akut hjælp let at finde uden at hele produktet føles klinisk?

Tone og omsorgsprincipper

  1. 01Varm, aldrig kliniskSig "en hård dag", ikke "negativt humør". Ingen diagnoseord, ingen løfter om helbredelse.
  2. 02Privat som standardHumør- og dagbogsdata er kun synlige for personen selv. Hver deling er udtrykkelig, afgrænset og kan trækkes tilbage.
  3. 03Hjælp er ét tryk vækKrisestøtte ligger i sidebjælken og footeren. MitMind præsenterer sig aldrig som akut behandling.
  4. 04Ingen strafIntet rødt for lavt humør, ingen skam over streaks. Tomme tilstande inviterer, de skælder ikke ud.
  5. 05Rolig hierarkiÉn primær handling per skærm, honning kun til konvertering, masser af luft.
  6. 06TilgængeligWCAG AA-kontrast, mål på mindst 40 px, fokusringe og tekst ved hvert navigationsikon.

Valgte koncepter

  • Daily FeelingsEt check-in på under et minut: fem egne humøransigter, valgfrie faktorer og en privat note. Historik og indsigter viser mønstre, altid med påmindelsen om, at de ikke er en diagnose.
  • Deling med samtykkeEt flow i to trin: vælg dagene, og gennemgå så præcis, hvad terapeuten vil og ikke vil se, og hvor længe. Hver visning logges, og delingen kan stoppes når som helst.
  • Krisestøtte overaltEt roligt kort i sidebjælken på desktop og i footeren på mobil, med CVV 188. Når en søgning tyder på, at nogen har det svært, viser MitMind støtte i stedet for resultater.
  • Booking i fire trinFind en terapeut, læs profilen, vælg et tidspunkt og betal med kort eller PayPal. En tydelig fejlskærm for betaling hjælper folk videre uden at miste deres tid.
  • Learn og live eventsKorte kurser, guidede meditationer, videoer og artikler, plus live foredrag med psykologer og optagelser af dem. Fremskridt gemmes, så man kan fortsætte, hvor man slap.
  • Modererede fællesskaberGrupper om fælles erfaringer, som at leve med ADHD eller komme videre efter et brud, i stedet for et feed med folk at følge.

04 · DESIGN

Fra system til skærme

Jeg sammenlignede v1 med det, researchen viste, byggede design systemet og designede derefter hver skærm kun med dets komponenter.

Før og efter

v1 · 2024Startskærmen i MitMind version 1 med emoji-humør og gule knapper
  • Tegneserie-emojis for humør, blandt andet et grædende ansigt
  • Skarpt gult på alle handlinger
  • Layout som et socialt netværk, med folk at følge
  • Ingen krisestøtte og ingen tegn på privatliv
  • 5 sider: Home, Sessions, Daily Feelings, Learn, Saved
v2 · 2026Startskærmen i MitMind version 2 med egne humøransigter og et roligt layout
  • Fem egne humøransigter, fra kølig til varm, aldrig rød
  • Salvie som brandfarve, honning kun til konvertering
  • Én primær handling per skærm og et roligt hierarki
  • Krisestøtte på hver skærm, "Privat"-mærke på hver indtastning
  • 13 produktområder, 67 skærme, desktop og mobil

Visuelt fundament

Roligt, troværdigt og menneskeligt: en stille brugerflade, der giver plads til at trække vejret. Salvie er brandfarven (natur, balance, vejrtrækning), honning er en varm accent arvet fra den oprindelige gule, og teksten er grafit i stedet for ren sort. Plus Jakarta Sans giver en neutral brugerflade, der står i kontrast til det håndskrevne logo, med Lucide-ikoner på 1,5 px.

Kernepalet

  • Sage 600#356C62 · Primær handling
  • Sage 800#22453F · Fremhævede kort
  • Sage 50#F1F7F5 · Diskret brandflade
  • Honey 400#E3B146 · Konvertering
  • Graphite 900#1D2629 · Brødtekst
  • Neutral 25#FBFBF9 · Appens baggrund

Humørskala

  • Rough
  • Low
  • Okay
  • Good
  • Great

Fem niveauer, fra kølig til varm. Lavt humør er aldrig rødt, så det fremstår aldrig som et nederlag.

Typografi

Et roligere sted at bruge din tidPlus Jakarta Sans · Regular, Medium, SemiBold · brødtekst i 15/24 for behagelig læsning

Design system

  • Tokens130 variabler. Primitive skalaer fodrer semantiske tokens som text/secondary eller action/accent, og kontrasten tjekkes direkte ud fra tokens.
  • KomponenterMere end 60 komponenter i 36 variantsæt: fra knapper og felter til humørvalg, sessionskort, terapeutkort og betalingsmuligheder.
  • Layout4 px base og 8 px rytme. Desktop 1440: 72 px header, 248 px sidebjælke, 12 kolonner. Mobil 390: 4 kolonner med 20 px margener.

Komponenter fra systemet

Humørvalg
HumørvalgErstatter emojis. Fem niveauer tegnet i samme stregstil som ikonerne, i tre tilstande: standard, hover og valgt.
Humørdag
HumørdagEn dag i historikkens kalender: hvert humør, valgt, i dag med hurtig registrering og kommende dage.
Sessionskort
SessionskortKommende, tidligere, bedømt og aflyst. Datoblokken gør det let at skimme, og hvert kort har kun én primær handling.
Terapeutkort
TerapeutkortTilgang, sprog, pris og næste ledige tid, så man kan sammenligne uden at åbne hver profil.
Indholdskort
IndholdskortKurser, meditationer, videoer og artikler deler ét kort med abstrakte forsider og fremskridt.
Krisestøtte
KrisestøtteAltid synlig og rolig. Den siger tydeligt, at MitMind ikke er en akuttjeneste, og henviser til CVV 188.

Vigtige designbeslutninger

  1. 01Aldrig rødt for lavt humørHumørfarverne går fra lavendel til honning. Rød bruges kun til reelle fejl, som en afvist betaling, aldrig til følelser.
  2. 02Privatliv du kan seHver dagbogsflade viser "Privat · kun du kan se dine indtastninger". Samtykkeskærmen viser, hvad terapeuten vil se, og hvad de ikke vil se.
  3. 03Check-ins, ikke streaksForsiden tæller "12 check-ins denne måned" i stedet for en streak, der kan brydes. En glemt dag nulstiller aldrig noget.
  4. 04Honning betyder "gør det"Den varme accent er forbeholdt konvertering, som Book en session. Alt andet er salvie eller neutralt, så siden forbliver rolig.

Prototypeflows

  1. 1OnboardingVelkomst, tilmelding, 4 spørgsmål, klar, forside
  2. 2Forside og navigationSidebjælke, header, notifikationer, profilmenu, søgning
  3. 3Book en sessionSøg, profil, tidspunkt, betaling (kort, PayPal, fejl), bekræftet
  4. 4Daily FeelingsRegistrer, historik, del med samtykke, administrer deling
  5. 5LearnKatalog, kursus, video- og meditationsafspiller
  6. 6EventsListe, detaljer, live rum og optagelse
  7. 7MobilForside, sessioner, booking, humør, Learn, afspiller

High-fidelity skærme

MitMind skærm: Daily Feelings · I dag
01Daily Feelings · I dagFem humøransigter, faktorer at markere og en privat note, plus ugen i et overblik.
MitMind skærm: Daily Feelings · Indsigter
02Daily Feelings · IndsigterHumøret over 30 dage med sessionsdage markeret og mønstre, der er værd at lægge mærke til.
MitMind skærm: Del med din terapeut
03Del med din terapeutGennemgå, hvad Jason vil og ikke vil se, vælg hvor længe og bekræft.
MitMind skærm: Find en terapeut
04Find en terapeutFiltre for speciale, pris, sprog og tilgang, med de næste ledige tider på hvert kort.
MitMind skærm: Terapeutprofil
05TerapeutprofilIntrovideo, tilgang, uddannelse og anmeldelser, med tider at booke altid ved siden af.
MitMind skærm: Vælg et tidspunkt
06Vælg et tidspunktTider grupperet i morgen, eftermiddag og aften, med tidszone og gratis afbestilling altid tydelige.
MitMind skærm: Booking bekræftet
07Booking bekræftetHvad der sker nu, påmindelser og en knap til at føje sessionen til kalenderen.
MitMind skærm: Learn
08LearnEt fremhævet kursus og indhold grupperet efter behov, med abstrakte forsider og fremskridt.
MitMind skærm: Meditationsafspiller
09MeditationsafspillerEn afspiller i fuld skærm med vejrtrækningsguide, sleep timer og krisestøtte nederst.
MitMind skærm: Fællesskab
10FællesskabEn modereret gruppe med retningslinjer, anonyme opslag og "Støt" i stedet for likes.
MitMind skærm: Live event
11Live eventEt live foredrag med modererede, anonyme spørgsmål og en rolig påmindelse om, at der er støtte at få.
MitMind skærm: Privatliv og data
12Privatliv og dataHvem der kan se hver type data, tilladelser der kan ændres når som helst, og en kopi af dine data.
MitMind skærm: Onboarding
13OnboardingFire korte spørgsmål, der former forsiden. Hvert trin kan springes over.
MitMind skærm: Støttende søgning
14Støttende søgningNår en søgning tyder på, at nogen har det svært, viser MitMind hjælp først.
MitMind skærm: Ingen sessioner
15Ingen sessioner"Ingen sessioner endnu, og det er helt okay": en tom tilstand, der inviterer, med klare næste skridt.

Mobil

Kernerejsen virker også på en 390 px skærm: check-in, sessioner, booking og meditationsafspiller, med en bundbjælke og krisestøtte i footeren.

  • MitMind skærm: Forside
    Forside
  • MitMind skærm: Daily Feelings
    Daily Feelings
  • MitMind skærm: Betaling
    Betaling
  • MitMind skærm: Meditationsafspiller
    Meditationsafspiller

05 · VALIDERINGSPLAN

Sådan vil jeg måle det

MitMind er et koncept og er endnu ikke testet med brugere. Det er de mål, jeg ville følge i første runde af brugertests.

Succesmål

  • < 60 sFor at lave et dagligt check-in med en note
  • ≥ 90%Af testpersonerne kan sige, hvem der ser deres indtastninger efter deling
  • < 10 sFor at finde krisestøtte fra enhver skærm
  • ≥ 80%Af testpersonerne booker en session uden hjælp

Planlagt brugertest

Modererede sessioner med 5 personer: 3 i terapi og 2, der aldrig har prøvet det. Resultaterne vises i en graf per opgave.

OpgaveSucceskriteriumMål
Registrer hvordan du har det i dag, med en notePå under 60 sekunder100% succes
Del sidste uges indtastninger med din terapeutKan forklare, hvad terapeuten vil og ikke vil se80% succes
Stop delingen med din terapeutUden hjælp100% succes
Find akut hjælp fra Learn-sidenPå under 10 sekunder100% succes
Book en session til næste ugeUden hjælp, på under 3 minutter80% succes
Find en 10 minutters meditation til søvnPå 3 trin eller færre80% succes

Brugerfeedback

Endnu ingen citater her, med vilje. Næste skridt er at teste prototypen med rigtige mennesker og føje deres egne ord til denne case.

06 · KONKLUSION

Refleksion og vigtigste læring

Hvad der virkede, hvad der var svært, og hvad der kommer nu.

Det der virkede godt

  • At skrive omsorgsprincipperne før nogen skærm gav hver beslutning en klar test.
  • At bygge design systemet først gjorde 67 skærme konsistente og hurtige at lave.
  • At designe tomme tilstande, indlæsning og fejl tidligt fik produktet til at føles ægte, ikke kun den lykkelige vej.
  • At gennemgå min egen v1 viste mig, hvor meget konteksten ændrer et mønster.

Det kommer nu

  • Brugertest med 5 personer
  • Tokens til dark mode
  • Tablet-breakpoint
  • Udviklerhandoff med Code Connect og token-eksport

Udfordringer og kompromiser

  • Varm men klarAt undgå kliniske ord kan gøre teksten vag. Jeg skrev toneregler med eksempler, så hver besked er venlig og stadig siger præcis, hvad man skal gøre.
  • Privatliv kontra nyttig delingTerapeuter har brug for kontekst, folk har brug for kontrol. Deling per dag, valgfrie noter, tidsgrænser og en adgangslog giver flere trin, men hvert trin skaber tillid.
  • Omfang13 produktområder er meget for én designer. Jeg gjorde kernerejsen færdig med alle tilstande først og gemte dark mode og tablet-breakpoint til senere.

Vigtigste læring

Inden for mental sundhed bærer hver lille detalje på følelser. En rød farve, en brudt streak eller en grædende emoji kan fortælle nogen, at deres dårlige dag er et nederlag. Her handler design også om det, man vælger ikke at vise.

Privatliv er et designmateriale, ikke en juridisk footer. Når folk kan se, hvem der ser hvad, og stoppe det når som helst, kan de være ærlige. Samtykkeskærmen blev en af produktets vigtigste skærme.

At vende tilbage til mit eget projekt to år senere var ydmygende. v1 kopierede mønstre fra sociale netværk, fordi de var velkendte. v2 startede med et andet spørgsmål: hvad har en person brug for mellem sessionerne? Et nyt spørgsmål ændrede alt.