Rewolucja w cyfrowym fundraisingu. Jak zbudowaliśmy dedykowaną platformę donacyjną dla Fundacji Centaurus
Fundacja Centaurus to międzynarodowa organizacja pozarządowa (NGO) ratująca zwierzęta. W ramach projektu stworzyliśmy od podstaw platformę fundraisingową dla serwisu angels2animals.com oraz trzech pozostałych zagranicznych rynków fundacji. Celem było wdrożenie wydajnego, dedykowanego systemu do obsługi darowizn, wirtualnych…
- Czas realizacji
- 3 – 4 miesiące
- Rok
- 2026
Wyniki w skrócie
-
100
/100 w PageSpeed Insights (Desktop)
-
100
/100 w PageSpeed Insights (Mobile)
-
Core Web Vitals
LCP, CLS i TBT stabilnie w zielonej strefie.
-
4 rynki docelowe (EN, PL, DE, IT) zasilane jednym wspólnym silnikiem z dynamiczną adaptacją walut i metod płatności.
Fundacja Centaurus to międzynarodowa organizacja pozarządowa (NGO) ratująca zwierzęta. W ramach projektu stworzyliśmy od podstaw platformę fundraisingową dla serwisu angels2animals.com oraz trzech pozostałych zagranicznych rynków fundacji. Celem było wdrożenie wydajnego, dedykowanego systemu do obsługi darowizn, wirtualnych adopcji i petycji, opartego na autorskim motywie WordPress.
Wyzwanie
Organizacja prowadzi zbiórki na konkretne zwierzęta, klub stałych darczyńców oraz adopcje wirtualne na czterech różnych rynkach (EN, PL, DE, IT) przy użyciu osobnych domen. Gotowe motywy i standardowe wtyczki typu „Donate” były zbyt obciążające, a ociężałe page buildery negatywnie wpływały na konwersję z urządzeń mobilnych. Fundacja potrzebowała ultraszybkiego, własnego systemu płatności z geo-walutą, pełną obsługą bramki Stripe (karta, Apple Pay, Google Pay, PayPal) oraz intuicyjnym panelem dla redaktorów.
Rozwiązanie
Zrezygnowaliśmy z gotowych rozwiązań na rzecz dedykowanej architektury:
Autorski Block Theme: Zaprojektowaliśmy lekki motyw oparty wyłącznie na natywnych blokach Gutenberga (stworzyliśmy ok. 40 dedykowanych bloków) oraz Tailwind CSS. Wyeliminowaliśmy potrzebę korzystania z ciężkich page builderów.
Asynchroniczny system płatności (React + Stripe): Zbudowaliśmy własny frontend checkoutu w React (@stripe/react-stripe-js), który ładuje się dopiero w momencie interakcji użytkownika, nie blokując pierwszego renderowania (LCP).
Dedykowane REST API: Wdrożyliśmy autorskie API (/wp-json/centaurus/v1/…) obsługujące logikę płatności, rozpoznawanie lokalizacji po IP (geolokalizacja walut przez Cloudflare) oraz natywny Live Chat.
Architektura treści (CPT): Cała logika biznesowa opiera się na własnych Custom Post Types dla zbiórek (z automatycznym cyklem życia: Live → Ended → Archiwum), zwierząt, adopcji i petycji.
Radykalna optymalizacja Web Vitals: Wdrożyliśmy preload najważniejszych zasobów, krytyczny CSS (inline), lokalne fallbacki dla fontów oraz opóźnione ładowanie skryptów analitycznych (GTM, Meta Pixel).
Rezultaty
Wdrożyliśmy zaawansowany silnik e-commerce NGO, który zasila cztery międzynarodowe serwisy z jednego panelu WordPress. Zbudowana warstwa płatnicza bezproblemowo obsługuje zbiórki jednorazowe, subskrypcje miesięczne oraz adopcje. Dzięki integracji przez webhooki, wpłaty są automatycznie synchronizowane z WordPressem, analityką (bez podwójnego zliczania konwersji) oraz systemami mailingowymi. Redaktorzy zyskali wygodne narzędzie z klocków Gutenberga, a użytkownicy – błyskawiczny proces wsparcia fundacji na każdym urządzeniu.
Technologie
- WordPress 6
- Autorski Gutenberg Block Theme (ok. 40 własnych bloków)
- React 18
- Stripe (Payment Intents / Subscriptions / Wallets)
- Dedykowane REST API
- Tailwind CSS
- Webpack (@wordpress/scripts)
- Google Tag Manager / GA4 / Meta Pixel
- MailerLite / GetResponse
- Contact Form 7 / WP Rocket (dostrojony pod React)
Czas realizacji
ok. 3 – 4 miesiące
