HBG Self-Esteem - High-Fidelity Revamp
En high-fidelity-omdesign av en självkänsloapp för Helsingborgs stad med fokus på mindre kognitiv belastning, tydligare återkoppling och en mer stödjande digital upplevelse.
Problem
Den ursprungliga gruppprototypen för en app som skulle stötta unga vuxna med låg självkänsla skapade hög kognitiv belastning genom ett rörigt tvåkolumnslayout, texttungt innehåll och brist på bekräftande feedback.
Lösning
Jag redesignade konceptet till en fokuserad high-fidelity-prototyp med ren enkelkolumnslayout, tydligare visuell hierarki, mer whitespace, interaktiva hover states och toastbekräftelser. Den förvirrande Boost-sidan togs bort medan den uppskattade utmaningskartan behölls och förstärktes.
Roll
Arbetade först i team med research, idéarbete och mid-fidelity-koncept för Helsingborgs stad, och ledde sedan den individuella UI-revampen och high-fidelity-prototypingen. Mitt bidrag var att översätta testinsikter till designbeslut, bygga ett designsystem i Figma och förbättra WCAG-kontraster i centrala flöden.
Resultat
Slutprototypen blev mer tillgänglig, intuitiv och engagerande och tog bort den tidigare kognitiva överbelastningen samtidigt som den bättre stödde appens stegvisa mål att bygga självtillit.
Lärdomar
- Att ta bort funktioner kan förbättra mer än att lägga till när kärnflödet begravs.
- Gamification fungerar bara när gränssnittet är lugnt nog för att förstå systemet snabbt.
- Systemfeedback som bekräftelser och hover states är avgörande för trygghet, särskilt i stödjande produkter.
- Ett kommunalt varumärke kan fortfarande kännas varmt och motiverande när det översätts omsorgsfullt till digitala UI-komponenter.