Strona fundraisingowa Fundacji WWF Polska

laptop with the view of WWF's website, picture of panda climbing on trees, navigaton of the site, headline and filters below picture

CEL
Zaprojektowanie nowego serwisu „Pomagam WWF”, bazując na analizie zachowań oraz motywacji obecnych i potencjalnych darczyńców.

MOJA ROLA
Dołączyłam do zespołu na etapie DEVELOP jako UX & Service Designer. Bazując na wynikach z faz DISCOVER i DEFINE, nadzorowałam działania projektowe, tworzyłam prototypy low-fidelity, scenariusze badawcze oraz przeprowadzałam testy użyteczności. Współpracowałam z Agatą Budner i zespołem WWF. W fazie DELIVER prowadziłam testy i pod okiem Senior UI Designera projektowałam makiety high-fidelity.

PODSUMOWANIE
Zaprojektowaliśmy stronę główną z uproszczoną nawigacją, 3 huby i 12 podstron, w tym 3 nowe:

  • Polska Przyroda - dla osób, którym szczególnie bliskie jest lokalne środowisko
  • Klub WWF - dla tych, którym zależy na byciu w społeczności
  • Zbiórka Kryzysowa - na wyjątkowe sytuacje jak np. skażenie Odry

Najważniejsze moduły stworzone na podstawie badań z użytkownikami:

  • moduł transparentności, budujący zaufanie do WWF
  • losowanie gatunku, które wspomaga podjęcie spontanicznej decyzji o adopcji
  • filtry, które umożliwiają adopcję mniej popularnych gatunków

Opracowaliśmy również pełen proces zakupowy (przekazywania darowizny) oraz panel klienta wraz z podstawowymi możliwościami zarządzania kontem. Wszystko 
w wersji desktop i mobile.

Narzędzia: Figma, Adobe Illustrator

zespół

DESIGN PROVISION
Magda Kochanowska - współwłaścicielka firmy, Design Strategist
Natalia Cymerman - Senior UX & Service Designer
Karolina Małaczek - Design Researcher
Natalia Markowicz - UX & Service Designer
Agata Budner - UX & Service Designer
Bruno Jaworski - Senior UI Designer
WWF
Beata Gosk - specjalistka ds. fundrisingu digital, liderka projektu po stronie WWF
Katarzyna Deresz - zespół digital fundrising, opieka nad projektem
Anna Konopka - specjalistka ds. fundrisingu digital / technologia, praca programistów
Joanna  Blicharska - kontent: teksty i grafika

opis wybranych widoków

strona główna

Sekcja hero przyciąga uwagę potencjalnych darczyńców, pokazując różne formy wsparcia.

Nowa nawigacja została podzielona na trzy huby (adopcyjny, ogólny i dla dzieci), co ułatwia poruszanie się i dostęp do różnych form darowizn.

Stworzyliśmy też moduł transparentności, który 
w skrócie pokazuje dotychczasowe działania WWF zwiększając zaufanie do tej organizacji.

Z poziomu strony głównej można też dokonać wpłaty ogólnej.

hub adopcyjny

Przedstawia wszystkie dostępne gatunki do adopcji. Na podstawie wyników badań wprowadziliśmy filtry, które umożliwiają adopcję mniej popularnych gatunków, co zwiększyło ich szansę na znalezienie opiekuna.

Dla wszystkich niepewnych jaką formę adopcji wybrać dodaliśmy moduł krótko opisujący rodzaje adpocji. Moduł jest dostępny na wszystkich hubach i podstronach, dzięki temu użytkownik ma dostęp do tych informacji z dowolnej podstrony.

Dla niezdecydowanych wprowadziliśmy moduł losowania gatunku, który ułatwia podjęcie decyzji o adopcji.

adopcja dla dzieci

Strona skierowana do młodszych użytkowników, ma dziecięcą, rysunkową stylistykę. Informacje w niej zawarte są podobne jak w podstawowym hubie adopcyjnym. Różnią się szatą graficzną i językiem.

Gatunki z adopcji dla dzieci wchodzą w skład Bandy Pandy, dlatego zaprojektowaliśmy moduł, z którego można dowiedzieć się czym Banda Pandy jest.

Moduł “Adopcja krok po kroku” wspiera przejście przez proces adopcyjny rodzica z dzieckiem.

Strona z gatunkami Bandy Pandy również ma moduł losowania gatunku.

adopcja gatunku

Zawartość tej strony została dopasowana do osób, które oczekują treści edukacyjnych o gatunku, który zdecydowali się wybrać.

Sekcja o zagrożeniach danego gatunku pomaga zrozumieć, dlaczego potrzebne jest nasze wsparcie.

Dzięki modułowi “co Fundacja WWF robi dla Rysi” możemy dowiedzieć się jak pieniądze ze wsparcia przekładają się na realną pomoc.

Z poziomu tej podstrony jest też możliwość przejścia do adopcji innych gatunków.

koszyk darowizn

Podsumowuje adopcje miesięczne i jednorazowe, pozwala na dodanie liczby adopcji i oznaczenie tych, które mają być na prezent. W przypadku adopcji na prezent wspomaga spersonalizowanie certyfikatu przez dodanie dedykacji.

Sekcja “A może jeszcze...” pomaga dodać kolejną darowiznę z poziomu koszyka.

moje konto

Konto pozwala zarządzać darowiznami i danymi osobowymi. Użytkownik ma tutaj możliwość wglądu w historię darowizn jednorazowych i regularnych oraz dostęp do wszystkich certyfikatów.

Z poziomu konta istnieje możliwość odnowienia darowizny, a w przypadku darowizny miesięcznej zarządzania płatnością oraz anulowania darowizny.