01 · PROJEKTÖVERSIKT

En lugnare plats att spendera din tid på

MitMind är ett koncept för en plattform för psykisk hälsa som jag har skapat. Den samlar sessioner med legitimerade psykologer, en privat humördagbok som heter Daily Feelings, korta kurser och meditationer, modererade gemenskaper och livesända föreläsningar.

Jag designade den första versionen 2024. År 2026 kom jag tillbaka med mer erfarenhet och designade om allt från grunden: ny research, omsorgsprinciper, ett komplett design system och 67 skärmar för desktop och mobil.

Den största utmaningen: en person i terapi har ungefär 4 timmars kontakt med sin psykolog per månad. MitMind är gjort för resten av månaden, på ett sätt som känns tryggt och privat och aldrig dömer hur någon mår.

Det här levererade jag

• 67High-fidelity skärmar58 desktop och 9 mobil, inklusive tomma lägen, laddning och fel
• 60+Komponenter36 variantuppsättningar, alla kopplade till variabler och textstilar
• 130Design tokensPrimitiver, semantiska färger och mått, med WCAG-kontroll
• 7PrototypflödenFrån onboarding till bokning, delning och livesändningar

Min roll och mina verktyg

Soloprojekt. Jag ansvarade för hela produktdesignen: research, informationsarkitektur, regler för omsorg och integritet, UX writing, design systemet och varje skärm. Jag arbetade som jag gör med produktteam: förstå problemet, sätta principer, bygga systemet och sedan designa flödena.

• UX Research
• Heuristisk utvärdering
• Informationsarkitektur
• UX Writing
• UI Design
• Design System
• Prototyping
• Tillgänglighet
• Figma

Projektets tidslinje

1. 2024Version 1Första konceptet: startsida, Daily Feelings, gemenskaper och sessioner.
2. 2026 · Fas 1Research och granskningDesk research, heuristisk utvärdering av v1 och omsorgsprinciper.
3. 2026 · Fas 2Design systemGrunder, 130 tokens och fler än 60 komponenter.
4. 2026 · Fas 3Skärmar och flöden67 skärmar, lägen, mobil och 7 klickbara flöden.

02 · RESEARCH

Att förstå tiden mellan sessionerna

Jag började med offentliga data om psykisk hälsa och skärmtid i Brasilien och granskade sedan min egen första version med mer kritiska ögon.

Sammanhanget i siffror

• 5%av befolkningen i Brasilien går i psykoterapi
• 9h32online per dag i genomsnitt i Brasilien (globalt snitt: 6h58)
• ~4 hkontakt med en psykolog per månad vid terapi varje vecka

Researchmetoder

• Desk researchOffentliga dataSiffror om tillgång till terapi och tid online i Brasilien, för att förstå hur stort gapet är.
• GranskningHeuristisk utvärdering av v1Jag gick igenom varje skärm i v1 med Nielsens 10 heuristiker och ställde en fråga till: känns det här tryggt för någon som har en dålig dag?
• BenchmarkKonkurrentanalysTerapiplattformar, meditationsappar och onlinegemenskaper. Var och en löser en del av problemet, ingen kopplar ihop delarna.
• RiktlinjerOmsorg och tillgänglighetRiktlinjer för säker kommunikation kring suicidprevention, stödlinjen CVV 188 i Brasilien och WCAG 2.2 AA.

Viktigaste insikterna

1. 01Veckorna mellan sessionerna är tommaTerapi sker en timme i veckan. Tankarna, de dåliga dagarna och de små segrarna sker under de andra 167 timmarna, och det mesta är glömt före nästa session.
2. 02Emojis och rött dömer känslorv1 använde tecknade emojis, bland annat ett gråtande ansikte för "Super Sad". I ett sammanhang om psykisk hälsa får det en dålig dag att se fel eller pinsam ut.
3. 03Integritet är villkoret för ärlighetMänniskor skriver bara sanningen i en dagbok om de själva styr vem som läser den. Att dela med en terapeut måste vara uttryckligt, begränsat och lätt att stoppa.
4. 04Hjälp ska vara ett tryck bortv1 hade ingen väg vid kris. En produkt för psykisk hälsa måste tydligt säga vad den inte är och visa var man hittar akut hjälp från varje skärm.

Proto-personas

Fiktiva personer byggda på researchen för att styra besluten. De är antaganden att validera i användartester, inte resultat från intervjuer.

• AS

  Amanda Smith, 34Marknadschef · São Paulo
  • Terapi varje vecka
  • Fullt schema

  Började i terapi förra året. Långa arbetsdagar och många timmar i mobilen. Hon vill hålla framstegen från sessionerna levande under veckan.

  Mål

  Upptäcka mönster i sitt humör och ta med dem till terapin.

  Frustration

  Hälsoappar som känns som läxor eller straffar henne när hon missar en dag.

  “På torsdagen minns jag inte hur måndagen egentligen kändes.”

• JA

  Jason Adams, 41Psykoterapeut · Distans
  • Legitimerad psykolog
  • Sessioner online

  Träffar de flesta av sina klienter via video. Han uppskattar sammanhang men är försiktig med verktyg som samlar in mer data än nödvändigt.

  Mål

  Börja varje session med sammanhang, utan att be klienter fylla i formulär.

  Frustration

  Plattformar där samtycket är otydligt eller data delas som standard.

  “Jag vill bara se det som min klient har valt att visa mig.”

• LR

  Lucas Rocha, 22Universitetsstudent · Recife
  • Aldrig provat terapi
  • Lever online

  Tillbringar det mesta av sin fritid i sociala medier. Han har känt sig orolig i månader men vet inte var han ska börja eller vad terapi kostar.

  Mål

  Förstå vad han känner och hitta hjälp han har råd med.

  Frustration

  Att känna sig dömd, eller att hans problem inte är tillräckligt allvarligt.

  “Jag vet inte ens om det jag känner räcker för att träffa någon.”

03 · IDÉUTVECKLING

Att designa in omsorg i produkten

Jag formulerade problemet som "Hur skulle vi kunna"-frågor och skrev omsorgsprinciper som varje skärm måste klara.

Hur skulle vi kunna

• Hur skulle vi kunna stötta människor under veckorna mellan terapisessionerna?
• Hur skulle vi kunna hjälpa människor att logga sitt humör utan att en dålig dag ser ut som ett misslyckande?
• Hur skulle vi kunna låta människor dela sin dagbok med en terapeut och samtidigt behålla full kontroll?
• Hur skulle vi kunna göra akut hjälp lätt att hitta utan att hela produkten känns klinisk?

Ton och omsorgsprinciper

1. 01Varm, aldrig kliniskSäg "en tung dag", inte "negativt humör". Inga diagnosord, inga löften om bot.
2. 02Privat som standardHumör- och dagboksdata syns bara för personen själv. Varje delning är uttrycklig, begränsad och går att återkalla.
3. 03Hjälp är ett tryck bortKrisstöd finns i sidomenyn och sidfoten. MitMind presenterar sig aldrig som akutvård.
4. 04Inga straffInget rött för lågt humör, ingen skam kring streaks. Tomma lägen bjuder in, de skäller inte.
5. 05Lugn hierarkiEn primär handling per skärm, honung bara för konvertering, gott om luft.
6. 06TillgängligWCAG AA-kontrast, ytor på minst 40 px, fokusringar och text bredvid varje navigationsikon.

Valda koncept

• Daily FeelingsEn incheckning på under en minut: fem egna humöransikten, valfria faktorer och en privat anteckning. Historik och insikter visar mönster, alltid med påminnelsen att de inte är en diagnos.
• Delning med samtyckeEtt flöde i två steg: välj dagarna och granska sedan exakt vad terapeuten kommer och inte kommer att se, och hur länge. Varje visning loggas och delningen kan stoppas när som helst.
• Krisstöd överalltEtt lugnt kort i sidomenyn på desktop och i sidfoten på mobil, med CVV 188. När en sökning tyder på att någon har det svårt visar MitMind stöd i stället för resultat.
• Bokning i fyra stegHitta en terapeut, läs profilen, välj en tid och betala med kort eller PayPal. En tydlig felskärm för betalning hjälper människor vidare utan att de förlorar sin tid.
• Learn och livesändningarKorta kurser, guidade meditationer, videor och artiklar, plus livesända föreläsningar med psykologer och inspelningar av dem. Framsteg sparas så att man kan fortsätta där man slutade.
• Modererade gemenskaperGrupper kring gemensamma erfarenheter, som att leva med ADHD eller läka efter ett uppbrott, i stället för ett flöde med människor att följa.

04 · DESIGN

Från system till skärmar

Jag jämförde v1 med det researchen visade, byggde design systemet och designade sedan varje skärm med enbart dess komponenter.

Före och efter

v1 · 2024

• Tecknade emojis för humör, bland annat ett gråtande ansikte
• Skarpt gult på alla handlingar
• Layout som ett socialt nätverk, med människor att följa
• Inget krisstöd och inga tecken på integritet
• 5 sidor: Home, Sessions, Daily Feelings, Learn, Saved

v2 · 2026

• Fem egna humöransikten, från kallt till varmt, aldrig rött
• Salvia som varumärkesfärg, honung bara för konvertering
• En primär handling per skärm och en lugn hierarki
• Krisstöd på varje skärm, "Privat"-märkning på varje anteckning
• 13 produktområden, 67 skärmar, desktop och mobil

Visuell grund

Lugnt, pålitligt och mänskligt: ett tyst gränssnitt som ger utrymme att andas. Salvia är varumärkesfärgen (natur, balans, andning), honung är en varm accent som ärvts från den ursprungliga gula, och texten är grafit i stället för ren svart. Plus Jakarta Sans ger ett neutralt gränssnitt i kontrast till den handskrivna logotypen, med Lucide-ikoner på 1,5 px.

Huvudpalett

• Sage 600#356C62 · Primär handling
• Sage 800#22453F · Framhävda kort
• Sage 50#F1F7F5 · Diskret varumärkesyta
• Honey 400#E3B146 · Konvertering
• Graphite 900#1D2629 · Brödtext
• Neutral 25#FBFBF9 · Appens bakgrund

Design system

• Tokens130 variabler. Primitiva skalor matar semantiska tokens som text/secondary eller action/accent, och kontrasten kontrolleras direkt från dessa tokens.
• KomponenterFler än 60 komponenter i 36 variantuppsättningar: från knappar och fält till humörval, sessionskort, terapeutkort och betalningsalternativ.
• Layout4 px bas och 8 px rytm. Desktop 1440: 72 px header, 248 px sidomeny, 12 kolumner. Mobil 390: 4 kolumner med 20 px marginaler.

Komponenter från systemet

Viktiga designbeslut

1. 01Aldrig rött för lågt humörHumörfärgerna går från lavendel till honung. Rött används bara för verkliga fel, som en misslyckad betalning, aldrig för känslor.
2. 02Integritet som synsVarje dagboksyta visar "Privat · bara du kan se dina anteckningar". Samtyckesskärmen listar vad terapeuten kommer att se och vad de inte kommer att se.
3. 03Incheckningar, inte streaksStartsidan räknar "12 incheckningar den här månaden" i stället för en streak som bryts. En missad dag nollställer aldrig något.
4. 04Honung betyder "gör det"Den varma accenten är reserverad för konvertering, som Boka en session. Allt annat är salvia eller neutralt, så att sidan förblir lugn.

Prototypflöden

1. 1OnboardingVälkommen, registrering, 4 frågor, klart, startsida
2. 2Startsida och navigationSidomeny, header, notiser, profilmeny, sök
3. 3Boka en sessionSök, profil, tid, betalning (kort, PayPal, fel), bekräftad
4. 4Daily FeelingsLogga, historik, dela med samtycke, hantera delning
5. 5LearnKatalog, kurs, video- och meditationsspelare
6. 6EvenemangLista, detaljer, liverum och inspelning
7. 7MobilStartsida, sessioner, bokning, humör, Learn, spelare

High-fidelity skärmar

Mobil

Kärnresan fungerar även på en 390 px skärm: incheckning, sessioner, bokning och meditationsspelare, med en bottenmeny och krisstöd i sidfoten.

• 
  Startsida
• 
  Daily Feelings
• 
  Betalning
• 
  Meditationsspelare

05 · VALIDERINGSPLAN

Så ska jag mäta det

MitMind är ett koncept och har ännu inte testats med användare. Det här är målen jag skulle följa i den första omgången användartester.

Framgångsmål

• < 60 sFör att göra en daglig incheckning med en anteckning
• ≥ 90%Av testpersonerna kan säga vem som ser deras anteckningar efter delning
• < 10 sFör att hitta krisstöd från vilken skärm som helst
• ≥ 80%Av testpersonerna bokar en session utan hjälp

Planerat användartest

Modererade sessioner med 5 personer: 3 i terapi och 2 som aldrig har provat. Resultaten visas i ett diagram per uppgift.

06 · SLUTSATS

Reflektion och viktiga lärdomar

Vad som fungerade, vad som var svårt och vad som kommer härnäst.

Utmaningar och avvägningar

• Varm men tydligAtt undvika kliniska ord kan göra texten vag. Jag skrev tonregler med exempel, så att varje meddelande är vänligt och ändå säger exakt vad man ska göra.
• Integritet mot användbar delningTerapeuter behöver sammanhang, människor behöver kontroll. Delning per dag, valfria anteckningar, tidsgränser och en åtkomstlogg lägger till steg, men varje steg bygger förtroende.
• Omfattning13 produktområden är mycket för en designer. Jag gjorde färdigt kärnresan med alla lägen först och sparade mörkt läge och surfplattebrytpunkt till senare.

Viktiga lärdomar