Ung Cancer

Förbättrad givarresa för Ung Cancer
År: 2024
Typ av projekt: UI UX Design
Design av en mobil givarresa med fokus på engagemang och långsiktigt givande

Ung Cancer arbetar för att stötta unga vuxna som drabbats av cancer. Trots ett starkt förtroende som organisation var det inte alltid tydligt för nya besökare hur man kunde bidra eller vilken skillnad en donation gör.

Projektets mål var att förbättra mobilupplevelsen för att öka antalet givare och inspirera fler att bli månadsgivare. Det här caset visar hur vi, genom research och designstrategi, skapade en mer motiverande, tydlig och känslomässigt engagerande givarresa.

Min roll: Jag arbetade som UX-designer med ansvar för:

  • Planering och genomförande av research
  • Moderering av användartester
  • Analys och insiktsklustring
  • Segmentering av målgrupper
  • Skapande av Customer Journey Map
  • Konceptutveckling och designförslag
  • Facilitering av workshop med potentiella nygivare
Research & förståelse

Benchmarking

Vi genomförde en benchmarking av liknande organisationers digitala donationsflöden för att förstå hur de bygger förtroende, kommunicerar transparens, använder storytelling och strukturerar sina CTA:er i mobilupplevelsen.

Analysen tydliggjorde var Ung Cancer saknade motivation och vägledning i flödet och gav riktlinjer för förbättring.

Användartester

Vi genomförde modererade användartester med 12 deltagare för att observera beteenden, kognitiva resonemang och upplevda hinder i mobilupplevelsen.

Testerna visade bland annat att:

  • osäkerhet kring Ung Cancers uppdrag minskade viljan att donera
  • emotionellt innehåll placerades för sent i flödet
  • donationsvyn presenterades innan motivation och förståelse var etablerad
  • navigeringen under “Stöd oss” skapade kognitiv belastning
  • donationsprocessen upplevdes som lång och teknisk

Insikterna från användartesterna låg till grund för de vidare designbesluten och fördjupades genom workshoparbetet.

Workshop med potentiella nygivare

Syfte med workshopen:

  • Förstå nya givares mentala modeller kring donation
  • Identifiera vad som skapar mening, förtroende och motivation
  • Synliggöra hinder och osäkerheter i givarresan

Jag planerade och faciliterade en kvalitativ workshop med personer som inte tidigare donerat till Ung Cancer. Workshopen inleddes med att deltagarna testade det befintliga donationsflödet och tillsammans kartlade givarresan i en customer journey map för att identifiera pain points och moment som riskerade att skapa avhopp.

I en efterföljande övning diskuterades drivkrafter bakom donation och vad som kan motivera engångsgivare att fortsätta ge över tid. Genom gemensam klustring av insikterna identifierades centrala faktorer för långsiktigt givande. Resultatet kompletterade användartesterna och låg till grund för flera av de slutliga designrekommendationerna.

Researchen visade fem återkommande behov som visar att beslut om donation drivs av både emotionella och rationella faktorer.

Målgrupper / behovsgrupper

Analysen visade två huvudsakliga behovsgrupper med olika drivkrafter kring donation.

Användarresa & identifierade pain points

För att förstå var motivation tappades och friktion uppstod kartlade vi givarresan för båda behovsgrupperna genom fem centrala steg – från första intryck till uppföljning.

Givarresans steg:

Landningssida → Stöd oss → Ge en gåva → Bekräftelse → Uppföljning

Identifierade pain points

  • Otydligt första intryck – besökare förstod inte direkt Ung Cancers uppdrag eller varför deras stöd behövs
  • Emotionellt innehåll placerades för sent i flödet och missades av många
  • För många val under ”Stöd oss” skapade kognitiv belastning och osäker vägledning
  • Donationsformuläret presenterades innan motivation och förståelse var etablerad
  • Bekräftelsen efter donation upplevdes teknisk snarare än mänsklig
  • Uppföljningen saknade kontinuitet och tydlig koppling till donationens påverkan

Kartläggningen tydliggjorde var upplevelsen bröt mot både emotionella och rationella behov och fungerade som grund för de efterföljande designrekommendationerna.

Designmöjligheter:

Informera: Ge tydlig och transparent information tidigt i upplevelsen.

Inspirera: Lyft fram riktiga människor och visualisera donationens påverkan.

Underlätta: Skapa en donationsprocess som är snabb, enkel och trygg.

Koncept och rekommendationer: 

Landningssidan

  • Kort presentation av Ung Cancer
  • Karusell med info / CTA / berättelser / händelser
  • Visuella exempel på donationens påverkan
  • Kort video eller bildserie
  • Tydlig CTA “Jag vill hjälpa”

Stöd oss

  • Färre och tydligare val
  • Kort beskrivning av varje alternativ
  • Möjlighet att bidra med tid, kompetens eller pengar

Ge en gåva

  • Stories ovanför formuläret
  • Infografik om hur donationer används
  • Kortare formulär + autofyll
  • Swish & Klarna
  • Anonym donation
  • Tydlig CTA för månadsgivare

Bekräftelse

  • Direkt tack på sidan
  • Tack via SMS/e-post
  • Kort exempel på hur donationen används
  • Möjlighet att dela donationen

Uppföljning

  • 2–3 nyhetsbrev per år
  • Personliga berättelser
  • Justera eller höja belopp
  • Event och volontärmöjligheter
Wireframe
Effekt av lösningen

Projektet resulterade i ett tydligt konceptuellt ramverk och konkreta designrekommendationer för en mer engagerande och förtroendeskapande mobil givarupplevelse.

Genom att omstrukturera innehåll, tydliggöra prioriteringar och placera emotionellt innehåll tidigare i flödet skapades bättre förutsättningar för nya givare att förstå Ung Cancers uppdrag, känna motivation och ta ett informerat beslut om donation.

Det föreslagna donationsflödet minskar upplevd friktion och teknisk komplexitet, samtidigt som bekräftelse och uppföljning utformats för att stärka relationen efter genomförd donation.

Sammantaget ger lösningen Ung Cancer en mer sammanhållen, mänsklig och långsiktigt hållbar givarresa, med särskilt fokus på att stötta övergången från engångsgivare till månadsgivare

Lärdomar
  • Balans mellan emotionella och rationella behov är avgörande
  • Storytelling fungerar som en central UX-drivare
  • Workshops skapar djupare användarförståelse
  • Små friktioner kan få stor beteendepåverkan
  • Transparens stärker förtroende och donationsvilja
Kompetenser som illustreras i projektet
  • Insiktsdrivet och strategiskt arbetssätt
  • Planering och facilitering av workshops med stark användarförståelse
  • Förmåga att översätta komplex research till tydliga designbeslut
  • Strukturering och storytelling i omfattande UX-projekt
  • Visuellt och iterativt arbete i Figma, FigJam och Midjourney
  • Design med fokus på både användarbehov och verksamhetsmål