01. Problem
Fundacja Lepszy Świat prowadzi przytulisko dla zwierząt i działalność interwencyjną w zakresie ochrony zwierząt. Stara strona miała kilka problemów jednocześnie:
- Nieaktualne elementy ze starych wersji strony — kilka zakładek i sekcji odsyłających do projektów, których fundacja już nie prowadzi, oraz elementy odziedziczone z poprzednich iteracji. Razem zaśmiecały nawigację i odwracały uwagę od najważniejszych komunikatów.
- Słabo wyeksponowane formy wsparcia — kluczowa dla fundacji możliwość przekazania 1,5% podatku była ukryta wśród innych informacji. Brak jasnego komunikatu "tak możesz nam pomóc".
- Brak struktury podopiecznych — wszystkie zwierzęta wymieszane w jednej liście, bez kategorii, bez wyrazistej narracji o każdym z nich.
- Rozproszone materiały informacyjne — dokumenty, ulotki, materiały dla wolontariuszy rozrzucone po podstronach, trudne do znalezienia.
- Brak fundamentu pod rozbudowę — kiedy fundacja zaczęła planować rozszerzenie działalności cyfrowej o sklep z gadżetami i system zgłaszania interwencji stara strona okazała się niezaprojektowana z myślą o takiej rozbudowie.
02. Rozwiązanie
Nowa strona zaprojektowana jako pierwszy etap długoterminowej współpracy — z ekspozycją form wsparcia w centrum i strukturą gotową pod kolejne moduły (sklep, system interwencji).
Główne elementy:
- Sekcja "Jak pomóc" jako centralne miejsce — wszystkie formy wsparcia zebrane w jednym widoku, z wyraźną ekspozycją 1,5% podatku (numer KRS, instrukcja krok po kroku), wpłatami na konto i informacją o wolontariacie
- Sekcja podopiecznych z kategoriami — psy, koty w osobnych zakładkach, każdy z własną kartą (zdjęcie, opis, historia, status)
- Blog Przytulisko "Marzenie pod Psim Azorem" — bieżące posty o życiu zwierząt, akcjach interwencyjnych, sukcesach adopcyjnych. Łatwa edycja przez zespół.
- Karuzela z logo partnerów — eksponuje wsparcie organizacji i firm współpracujących z fundacją
- Strona "Materiały" — wszystkie dokumenty, ulotki i materiały dla wolontariuszy w jednym miejscu
- Struktura gotowa pod rozbudowę — jasna sekcja nawigacyjna pod przyszły moduł sklepu i system interwencji (planowane jako kolejne etapy współpracy)
03. Stack i architektura
Stack dobrany pod łatwą edycję, dostępność, niski koszt utrzymania i gotowość do rozbudowy w przyszłości:
- WordPress — sprawdzony standard dla NGO, łatwa edycja treści przez nietechniczny zespół fundacji, ekosystem wtyczek umożliwiający rozbudowę o WooCommerce w przyszłości
- Własny motyw — pełna kontrola nad wyglądem, dostępnością i strukturą
- Zgodność z WCAG 2.1 — dostępność na poziomie podstawowym (kontrast, alt-text obrazów, struktura nagłówków, klawiaturowa nawigacja)
- Optymalizacja SEO on-page — meta tagi, struktura nagłówków, mapa sitemap.xml, integracja z Google Analytics
Wybór WordPressa (zamiast np. flat-file CMS-a) był świadomy: fundacja planuje rozbudowę o sklep (WooCommerce).
04. Proces wdrożenia
Tydzień 1 — Analiza
Spotkanie z zarządem fundacji w grudniu 2025: omówienie obecnej strony, identyfikacja elementów do wycięcia (zakładki, projekty wycofane) i nowych priorytetów (1,5% podatku, kategorie podopiecznych, podłoże pod sklep). Ustalenie planu długoterminowego: strona jako pierwszy etap, system interwencji, sklep i w kolejnych miesiącach.
Tydzień 2 — Projekt graficzny i struktura
Projekt UI z naciskiem na dostępność i czytelność. Paleta kolorystyczna wybrana w oparciu o dotychczasową identyfikację wizualną fundacji. Struktura: sstrona główna z karuzelą partnerów, misją fundacji i sekcją podopiecznych z kategoriami, "Jak pomóc" z wyraźną ekspozycją 1,5%, blog Przytulisko "Marzenie pod Psim Azorem".
Tydzień 3 — Implementacja
Kodowanie własnego motywu WordPress z naciskiem na dostępność (WCAG 2.1) i czytelność. Implementacja modułu podopiecznych z kategoriami i aktualności. Struktura przygotowana pod przyszłą rozbudowę o WooCommerce.
Tydzień 4 — Migracja treści i hostingu
Migracja treści ze starej strony (z aktualizacją zgodnie z notatkami spotkania — nowe kategorie podopiecznych, stare projekty). Konfiguracja domeny i certyfikatu SSL. Testy responsywności i dostępności.
Tydzień 5 — Iteracja i wdrożenie
Spotkania iteracyjne z zarządem — dopasowanie szczegółów, testy z perspektywy użytkownika. Szkolenie zespołu fundacji z obsługi panelu WordPress — jak dodawać posty na blog, podopiecznych, aktualności.
05. Wyniki
Co zostało dostarczone:
- 1,5% podatku wyeksponowane — sympatyk widzi możliwość przekazania od razu po wejściu na stronę, z numerem KRS i jasną instrukcją krok po kroku
- Wszystkie formy wsparcia w jednym miejscu — sekcja "Jak pomóc" z 1,5%, wpłatami, bazarkiem, wolontariatem
- Podopieczni z czytelną strukturą — każdy zwierzak z własną historią
- Fundament pod rozbudowę gotowy — struktura strony i CMS przygotowane pod sklep z gadżetami i system interwencji
"Współpraca z Kubą układa się świetnie od początku. Strona spełniła nasze oczekiwania, a sam fakt, że od razu zaplanowaliśmy z nim kolejne kroki (sklep, system interwencji, opieka hostingowa) daje nam pewność, że nie zostaniemy z gotową stroną i nikim, kto ją zna." — [imię i nazwisko], Fundacja Lepszy Świat
(cytat do uzupełnienia po rozmowie z klientem)