
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
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.
Flödeskartor och wireframes som visar struktur och användarflöde
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:
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.
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?
Del 1 - Pro bono hos Odd Hill, en ny webbplats till den som verkligen behöver detEn 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äkerhetAtt 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 SEOSEO 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?
