WWF Polska
Pomagam WWF to platforma fundraisingowa, która angażuje użytkowników w ochronę przyrody i ratowanie zagrożonych gatunków. Dzięki wirtualnym adopcjom, darowiznom i specjalnym kampaniom każdy może aktywnie wspierać misję WWF. Nasz zespół wdrożył serwis w oparciu o Drupal 10, Vue.js i Drupal Commerce. Platforma łączy funkcjonalność, bezpieczeństwo i atrakcyjną oprawę wizualną, skutecznie wspierając fundację w realizacji działań online.
O kliencie
WWF Polska to fundacja działająca na rzecz ochrony przyrody, będąca polskim oddziałem międzynarodowej organizacji World Wide Fund for Nature (WWF). Od ponad 25 lat fundacja aktywnie angażuje się w ochronę zagrożonych gatunków, zachowanie bioróżnorodności oraz przeciwdziałanie degradacji środowiska.
Misją WWF Polska jest tworzenie trwałego dziedzictwa przyrodniczego dla przyszłych pokoleń oraz wspieranie zrównoważonego rozwoju, który przynosi realne korzyści zarówno ludziom, jak i naturze.
Fundacja realizuje liczne projekty edukacyjne, prowadzi kampanie społeczne i współpracuje z partnerami biznesowymi oraz instytucjami publicznymi, promując odpowiedzialne postawy i konkretne działania na rzecz ochrony klimatu i środowiska.
Role w projekcie
W projekcie kluczowe było precyzyjne opisanie procesu darowizny oraz integracji z zewnętrznymi partnerami. Zespół WWF przygotował szczegółowe wymagania funkcjonalne, które były na bieżąco konsultowane z naszym zespołem deweloperskim, co pozwoliło zapewnić spójność w interpretacji i realizacji procesów.
Zespół Ratioweb tworzyli frontend developer, full‑stack developer, dwóch backend developerów oraz tester. Ich zadania obejmowały implementację layoutu, przygotowanie storefrontu w technologii Vue.js, wdrożenie CMS w oparciu o Drupal oraz integrację z kluczowymi systemami – CRM, bramką płatności i systemem logistycznym.
W realizację projektu zaangażowane były również dwa zewnętrzne zespoły: UX i UI odpowiedzialne za projekt graficzny oraz zespół deweloperów utrzymujących instancję Salesforce wykorzystywaną przez fundację.
Współpraca wszystkich zespołów umożliwiła sprawne wdrożenie złożonych procesów i stworzenie stabilnej, intuicyjnej oraz efektywnej platformy dla użytkowników i fundacji.
Wyzwania
Projekt fundraisingowy w modelu e‑commerce wiązał się z nietypowymi wyzwaniami technologicznymi i organizacyjnymi. Fundacja WWF Polska podjęła współpracę z nowym partnerem obsługi transakcji płatniczych – Elavon, co wymagało przygotowania integracji z systemem Drupal, dopasowanej do niestandardowego procesu przekazywania darowizn.
Proces wsparcia znacząco odbiegał od klasycznych scenariuszy zakupowych. Użytkownicy mogli samodzielnie definiować kwoty wsparcia, wybierać jego charakter – jednorazowy lub miesięczny – a także otrzymywać różne formy podziękowań, takie jak cyfrowe certyfikaty czy fizyczne upominki. Z kolei po stronie administracyjnej fundacja potrzebowała sprawnego systemu integrującego dane z zewnętrznym CRM i systemem logistycznym oraz mechanizmów pozwalających pracownikom BOK samodzielnie diagnozować i rozwiązywać błędy komunikacji z zewnętrznymi usługami.
Złożoność projektu zwiększała konieczność obsługi płatności subskrypcyjnych, pełnego zabezpieczenia transakcji (w tym 3‑D Secure) oraz zaprojektowania skalowalnego rozwiązania, które poradzi sobie z rozbudowanymi scenariuszami darowizn – np. „koszykami” obejmującymi kilkadziesiąt adopcji zwierząt w ramach wspólnego wsparcia całej klasy szkolnej. Dodatkowym oczekiwaniem zespołu fundacji było umożliwienie redakcji dynamicznego aktualizowania szablonów certyfikatów na okolicznościowe wydarzenia (np. Walentynki) i przywracania ich do standardowego formatu po zakończeniu akcji.
Rozwiązania
Aby sprostać złożonym wymaganiom projektu , nasz zespół zaprojektował i wdrożył zestaw rozwiązań opartych na elastycznej architekturze Drupal Commerce, a interfejs koszyka zaimplementono w technologii Vue.js.
Integracja z operatorem płatności Elavon została stworzona od podstaw – powstał dedykowany moduł transakcyjny, który obsługuje autoryzacje kart, jest zgodny z obowiązującymi standardami bezpieczeństwa, w tym walidacją danych kartowych i 3‑D Secure, a także przesyła wszystkie dane do Salesforce oraz Elavon — zarówno dla płatności jednorazowych, jak i subskrypcyjnych.
Niestandardowy proces darowizny i koszyk opracowany w Vue.js pozwalają na elastyczne modelowanie logiki zakupowej – użytkownik może w jednym miejscu określić kwotę, częstotliwość wsparcia oraz formę podziękowania – od cyfrowych certyfikatów po fizyczne upominki.
Po stronie Drupala rozbudowane API Commerce obsługuje cały proces darowizny, w tym generowanie i aktualizację certyfikatów, a Drupal pełni rolę klienta API dla Salesforce, Elavon i platformy logistycznej MBE, zapewniając spójny przepływ danych między wszystkimi systemami.
Mechanizm integracji oparto na kolejkach wykorzystujących API Drupala i moduł advancedqueue, dzięki czemu zespół WWF może samodzielnie zarządzać błędami integracji i natychmiast reagować dzięki automatycznym powiadomieniom w Microsoft Teams.
Część redakcyjna serwisu wykorzystuje API Drupala do tworzenia encji certyfikatów i zarządzania ich wersjami, co umożliwiła zespołowi WWF łatwą modyfikację szablonów na potrzeby kampanii sezonowych lub specjalnych akcji.
Z kolei wykorzystanie modułu Views pozwoliło przygotować zestaw raportów wspierających dział BOK w obsłudze darczyńców oraz analizie zgłoszeń użytkowników.
Cała architektura systemu została zaprojektowana asynchronicznie, co zapewnia pełną skalowalność i wysoką wydajność – platforma stabilnie przetwarza duże wolumeny transakcji i masowo generuje certyfikaty, zachowując optymalną szybkość działania i komfort użytkowników.
Rezultat
Wdrożenie nowego serwisu Pomagam WWF okazało się dużym sukcesem – zarówno pod względem funkcjonalnym, jak i efektywności działań fundraisingowych. Dzięki w pełni zintegrowanemu ekosystemowi płatności, usprawnionemu procesowi darowizn oraz atrakcyjnej warstwie wizualnej, Fundacja WWF Polska znacząco zwiększyła liczbę darowizn realizowanych online. Nowa platforma umożliwia prowadzenie równoległych kampanii fundraisingowych, co bezpośrednio przełożyło się na wzrost przychodów z darowizn online.
Nowoczesny CMS oparty na Drupalu zapewnia fundacji pełną elastyczność w publikowaniu treści i rozwoju nowych inicjatyw. Zespół WWF może w prosty sposób rozszerzać funkcjonalność serwisu, uruchamiać kolejne kampanie i skutecznie komunikować działania fundacji w atrakcyjnej i przyjaznej użytkownikom formie.
Sukces projektu i zdobyte zaufanie pozwoliły nam kontynuować współpracę z fundacją jako partnerowi dostarczającemu wsparcie techniczne dla witryn Drupalowych oraz pełniącemu rolę doradcy technologicznego, co dodatkowo wzmacnia rozwój działań online i efektywność działań fundraisingowych.
Podsumowanie
- Frontend developer
- Full‑stack developer
- Backend developer (2)
- Projekt manager
- Konsultant techniczny
- QA
- Drupal 10
- Drupal Commerce
- PHP 8.3
- Vue.js
- Elavon API
- Tpay API
- Salesforce API
- Darowizny jednorazowe i cykliczne
- Integracje CRM / Elavon / MBE / TPAY
- Automatyczne certyfikaty
- Powiadomienia MS Teams
- Storefront Vue.js
- Asynchroniczna architektura
z ambitnymi ludźmi i projektami