Case study / UX Design

TBN Atlantic Rainforest

En redesign av en klimatorganisations hemsida med fokus på tydligare informationsarkitektur, starkare trovärdighet och mer engagerande storytelling.

RollUX Designer
TypGrupprojekt
KursUX Research, Tjänstedesign & Användbarhetstestning
FokusResearch, IA, UI, storytelling

Översikt

Att skapa en mer trovärdig och engagerande upplevelse

TBN Atlantic Rainforest är en ideell organisation som arbetar för att återställa den brasilianska Atlantskogen genom kolkrediter och donationer. Organisationens hemsida kommunicerade inte tillräckligt tydligt vad TBN gör, vem de riktar sig till eller varför man ska engagera sig.

Uppdraget var att utforska hur hemsidan kunde bli tydligare, mer trovärdig och mer engagerande – för både företag och privatpersoner som vill bidra till ett konkret miljöarbete.

TBN:s befintliga hemsida
TBN:s befintliga hemsida

Nulägesanalys

Utmaningar i den befintliga upplevelsen

Genom intervjuer med 9 respondenter från olika företag identifierade vi återkommande problem med den befintliga hemsidan – brister som påverkade trovärdighet, tydlighet och användarupplevelsen.

Startsidan – identifierade problemBenefits-sidan – identifierade problem

1 / 2Startsidan – identifierade problem

Research & Insikter

Från intervjuer till designriktning

Intervjuerna resulterade i tre centrala insikter som formade hela vår designriktning.

01

Kolkrediter möts av skepsis

9 av 9 respondenter var negativt inställda till kolkrediter vid första tanken. Narrativet behövde förskjutas mot NGO-fokus och certifierad kommunikation.

"Första tankarna är negativa – många tycker att det öppnar en dörr för företag att köpa sig ur sitt miljöavtryck."

02

Trygghet och trovärdighet är avgörande

Hemsidan måste förmedla pålitlighet – helst genom tredjepartsverifikation kopplad till erkända standarder som Science Based Targets.

"Kommunikationen ska vara pålitlig, faktabaserad och transparent, gärna kopplad till erkända standarder som Science Based Targets."

03

Långsiktighet, inte projekt

Alla respondenter betonade att miljöarbete inte är tidsbegränsat. Storytelling måste visa på ett pågående engagemang utan slutdatum.

"Vi jobbar inte i projekt, för det har en början och slut."

Utifrån insikterna identifierade vi två beteendetyper som designen behövde tillgodose.

Den evidensorienterade

Fattar beslut utifrån fakta och data. Söker verifierbar information och tredjepartsgranskning innan förtroende byggs.

Drivkraft: Välgrundade beslut utifrån rådata

Den känslodrivna

Motiveras av empati och värderingar. Drivs av engagemang för miljö och hållbarhet och vill se verklig förändring.

Drivkraft: Se faktisk förändring, agera i linje med sina värderingar

Design & Koncept

Från insikter till designlösningar

Utifrån insikterna och beteendetyperna genomförde vi en workshop där vi genererade idéer och tog fram designkoncept. Vi fokuserade på att skapa en upplevelse som är hoppfull, tydlig och lugn – och som möter både den evidensorienterade och den känslodrivna besökaren.

Koncept 1 / 3

Startsida

En omgjord startsida med tydligare hero-sektion, starkare värdeerbjudande och en direkt synlig call-to-action – så att besökaren omedelbart förstår vad TBN gör och varför det spelar roll.

StartsidaEvidensbaserad impactsidaDonations-slider

Användbarhetstester

Testa, lära och förbättra

Vi genomförde 5 användbarhetstester på plats med miljömedvetna privatpersoner. Deltagarna fick ett scenario och navigerade genom prototypen medan de tänkte högt – vi observerade, antecknade och ställde följdfrågor.

01

Otydlighet

5 av 5 tyckte att det var otydligt vad TBN är och vem organisationen riktar sig till. Lika många hade svårt att tolka skillnaden mellan knapparna 'Donate', 'Invest' och 'Credits'.

02

Tredjepartsverifikation

5 av 5 ansåg att tredjepartsverifikationerna behövde tydligare förklaringar. 3 av 5 hade svårt att hitta certifikaten överhuvudtaget.

03

Donations-slidern

5 av 5 upplevde ett ökat engagemang när de använde donations-slidern och ville se den direkt på startsidan.

Resultat

En mer tydlig, engagerande och förtroendeingivande riktning

Projektet resulterade i ett designkoncept som tydligare kommunicerar TBN:s påverkan och skapar en starkare koppling mellan besökaren och uppdraget.

Omgjord startsida med tydligare hero och call-to-action
Evidensbaserad impactsida med verifierad statistik
Interaktiv donations-slider som visar effekten i realtid
Förbättrad tredjepartsverifikation med tydligare förklaringar

Reflektion

"Det mest värdefulla jag tog med mig var att se hur research och design hänger ihop. Varje designbeslut vi fattade kunde kopplas tillbaka till något en respondent sagt."

Se prototyp i Figma →Se processdokumentation →