Genom att klicka på "acceptera alla cookies" samtycker du till lagring av cookies på din enhet för att förbättra navigeringen på webbplatsen, analysera webbplatsens användning och bistå i våra marknadsföringsinsatser. Läs mer i våra Integritets- och Cookie policy för mer information.
En hjärtikon som bultar

Del 2 - Att designa för en ideell organisation

Ola Frick
February 27, 2026

När Clownronden hörde av sig visste vi direkt att det var ett projekt för oss, ett viktigt uppdrag som berörde oss på djupet. I del två av vår artikelserie om pro bono projektet berättar vi om designprocessen, från research till skiss och tonalitet.

Clownronden var inte den enda organisationen som ansökte. Men det var det som fastnade. En ideell förening med ett enkelt syfte, att sprida skratt till barn som befinner sig på fel plats i livet. Deras clowner besöker kliniker och gör hembesök hos barn i palliativ vård över hela Skåne. Allt för att skapa stunder som känns normala när allt annat känns fel.

Deras webbplats inte höll måttet. De förtjänade något bättre, och redan vid vårt första möte med Clownronden märktes deras engagemang och att de verkligen behövde vår hjälp.

Utdrag från den befintliga sajten

Vad behöver vi uppnå?

Som i alla projekt började vi i rätt ände, med att förstå vad webbplatsen faktiskt skulle göra. Vad behövde den hjälpa människor med? Vem skulle den tala till? Hur skulle den kännas? Och inte minst, hur kunde vi göra det lättare för fler att engagera sig och ge?

Vi granskade Clownrondens tidigare webbplats, deras trycksaker och hur de kommunicerar med givare idag. Vi tittade på vilka frågor som återkommer, vilka vägar besökare behöver ta och vilka flöden som fungerar bra, eller mindre bra.

Därifrån tog vi fram en tydlig brief med konkreta mål. Den nya webbplatsen skulle vara enkel att hitta rätt i, fungera sömlöst i mobilen, lyfta det mänskliga i Clownrondens arbete, göra givandet busenkelt och skapa förtroende genom att visa hur pengarna används.

Vi ville att sajten skulle kännas varm – men inte för söt. Det ska vara förtroende, inte kalas.

Flödeskartor och wireframes som visar struktur och användarflöde

Donationsflödet i fokus

Donationssidan blev den viktigaste delen och den delen vi la mest krut på. Vi visste att den behövde vara både och enkel känslomässigt engagerande. Genom en hel del intressant research kring UX och beteendepsykologi formulerade vi ett flöde som:

  • gör det enkelt att ge
  • skapar trygghet och förtroende 
  • visar effekt 
  • väcker känslor och känns meningsfullt

Vi hämtade inspiration från organisationer som Rädda Barnen, Theodora Foundation och Doctors Without Borders men formgav flödet utifrån Clownrondens perspektiv. Målet var inte att kopiera, utan att anpassa beprövad funktion till rätt tonläge.

Från idé till form

När vi fått grönt ljus på informationsarkitektur och riktning började nästa fas: det visuella.

Clownrondens tonalitet är lekfull men inte tramsig. Deras verksamhet handlar om att vara närvarande i svåra situationer. Det kräver en formgivning som bär både lätthet och allvar. Därför skalade vi bort färger som skrek och arbetade med mer luft, lugn och kontrast.
Vi testade bildmanér, färgpaletter och typografi som skulle kännas professionella utan att bli stela. Allt skissades upp i Figma med fokus på tydlighet, värme och redaktörsvänlighet. Vi utgick från Clownrondens egna broschyrer och marknadsföringsmaterial som höll hög nivå, men som inte återspeglades digitalt. Nu fick de ett enhetligt uttryck.

I skrivande stund har Clownronden godkänt den slutliga designen. Vi har gått igenom UX-upplevelsen tillsammans, justerat det som behövdes och förberett hela designen för utveckling.

I del 3 av vår artikelserie kommer ni kunna läsa om praktikanternas perspektiv. Hur är det att ta sig an ett pro bono projekt hos oss och vad lär man sig?

Relaterade artiklar

Se alla Artiklar
Del 1 - Pro bono hos Odd Hill, en ny webbplats till den som verkligen behöver det

En modern webbplats utan att betala en krona, hur går det ihop? Här är varför vi varje år gör ett pro bono-projekt, och vad både organisationen och våra praktikanter får ut av det.

5 saker att göra för din personliga cybersäkerhet

Att bli utsatt för någon typ av cyberattack eller ett intrång kan få allvarliga konsekvenser. Men att uppnå ett ganska bra skydd är inte särskilt svårt.

Så förbättrar du din SEO

SEO har många lager och är mer komplext än man tror. Här är det viktigaste du behöver veta för att klättra i sökresultaten.

Hur förbättrar man den digitala kundupplevelsen?

Hur mäter man och optimerar man CX – Customer Experience?

Se alla artiklar

Kontakta oss

Jag berätta gärna mer

Eva Kronfält Thorvinger
Byråchef
Tack så mycket!

Vi har mottagit ditt meddelande och uppskattar att du tog dig tid att kontakta oss.

Om du har ytterligare frågor eller behöver omedelbar hjälp, är du välkommen att kontakta oss direkt på +46 768 58 22 10.
Vi ser fram emot att höra från dig snart!
Oops! Något gick fel. Försök gärna igen eller kontakta oss på +46 768 58 22 10. Tack!