01. Problem
PSONI Koło w Cieszynie to organizacja pozarządowa wspierająca osoby z niepełnosprawnością intelektualną i ich rodziny. Działa od dziesiątek lat na Śląsku Cieszyńskim. Wcześniejsza strona miała kilka problemów jednocześnie:
- Wąski zakres edycji — pracownicy mogli sami dodawać posty i zdjęcia w galerii, ale każda inna zmiana (opisów programów, sekcji informacyjnych, treści statycznych) wymagała kontaktu z wykonawcą.
- Historia organizacji zakopana — dziesiątki lat działalności, setki wydarzeń, dziesiątki osiągnięć — wszystko rozproszone w kilku podstronach bez wyrazistej narracji.
- Możliwości wsparcia organizacji nieeksponowane — chociaż istniało kilka sposobów pomocy (m.in. darowizna przez Przelewy24), były rozproszone w różnych miejscach strony. Sympatyk nie miał jednego punktu, w którym widział pełen obraz: "tak możesz nam pomóc".
- Brak zgodności z WCAG — jako stowarzyszenie wspierające osoby z niepełnosprawnościami, PSONI szczególnie musi dbać o dostępność. Stara strona tego nie zapewniała.
02. Rozwiązanie
Nowa strona zaprojektowana z myślą o trzech grupach: pracownikach (edycja), darczyńcach (wsparcie) i odwiedzających (dostępność i historia).
Główne elementy:
- Sekcja "Wesprzyj" jako centralne miejsce — wszystkie formy pomocy zebrane w jednym widoku, z jasnym komunikatem czego organizacja potrzebuje. Najmocniej wyeksponowany: interaktywny formularz darowizny przez Przelewy24
- Sekcja "Historia" — eksponuje bogatą historię organizacji w przystępnej formie, z możliwością łatwego dodawania nowych rozdziałów
- Pełna zgodność WCAG 2.1 AA — odpowiedni kontrast, czysta struktura bez elementów rozpraszających, etykiety dla czytników ekranu, nawigacja klawiaturą, alternatywy tekstowe
- Łatwy panel edycji — pracownicy sami edytują wszystkie sekcje strony (nie tylko posty i galerię), bez kontaktu ze mną
- Sekcja aktualności — bieżące posty o tym co dzieje się w placówce, bez konieczności znajomości HTML
03. Stack i architektura
Stack dobrany pod prostotę utrzymania, dostępność i niski koszt eksploatacji:
- GravCMS — lekki flat-file CMS (bez bazy danych), szybkie ładowanie, łatwe backupy, prosty admin panel dla nietechnicznych pracowników
- Własny motyw — pełna kontrola nad wyglądem i dostępnością (gotowe motywy często nie spełniają WCAG)
- Przelewy24 — integracja z bramką płatności, obsługa kart, BLIK-a i przelewów
- Hosting na polskim serwerze — cyberfolks (zgodność z RODO, dostępność dla użytkowników z PL)
Wybór GravCMS zamiast WordPressa był świadomy: dla strony NGO z mało zmieniającymi się treściami (historia, opisy programów) i kilkoma aktualizacjami miesięcznie, flat-file CMS daje większą wydajność i prostsze utrzymanie niż system oparty o bazę danych.
04. Proces wdrożenia
Tydzień 1 — Analiza i planowanie
Rozmowy z zarządem PSONI: jakie sekcje są najważniejsze, kto będzie edytować stronę, jakie wymagania mają jednostki publiczne (WCAG, dostępność). Audyt starej strony — co warto zachować, co przebudować, jakie treści wymagają migracji.
Tydzień 2 — Projekt graficzny i struktura
Projekt UI z naciskiem na dostępność: prosta nawigacja, czysta struktura bez elementów rozpraszających, wysoki kontrast, klawiaturowa dostępność. Struktura podzielona pod trzy grupy odbiorców: pracownicy (panel edycji), darczyńcy (sekcja wsparcia), odwiedzający (historia, aktualności, kontakt).
Tydzień 3 — Implementacja
Kodowanie własnego motywu GravCMS z naciskiem na WCAG 2.1 AA. Integracja z Przelewy24 (formularz wsparcia jednorazowego i cyklicznego). Sekcja historii z możliwością łatwego dodawania nowych wydarzeń.
Tydzień 4 — Migracja treści i wdrożenie
Migracja dużej ilości treści ze starej strony — historia organizacji, opisy programów, galerie zdjęć, dokumenty. Test dostępności (audyt WCAG). Szkolenie zespołu PSONI w obsłudze panelu — jak dodawać posty, aktualności i dokumenty.
05. Wyniki
Co zostało dostarczone:
- Pełna zgodność WCAG 2.1 AA — strona dostępna dla osób z różnymi niepełnosprawnościami, zgodna z wymogami jednostek publicznych
- Wszystkie formy wsparcia wyeksponowane — sympatyk widzi sekcję "Wesprzyj" już na stronie głównej, z jasnym przedstawieniem wszystkich opcji pomocy. Interaktywna darowizna przez Przelewy24: kwota sugerowana lub własna, jednorazowo lub regularnie, płatność kartą lub BLIK-iem w 30 sekund.
- Pracownicy edytują samodzielnie — od wdrożenia nie potrzebowali kontaktu ze mną do żadnych zmian na stronie, niezależnie od ich zakresu
- Bogata historia organizacji wyeksponowana — chronologia, programy, osiągnięcia widoczne dla każdego odwiedzającego
"Współpraca podczas tworzenia nowej strony internetowej przebiegała bardzo sprawnie i w fajnej, luźnej atmosferze. Nowa strona spełniła nasze oczekiwania — jest nowoczesna, przejrzysta i w pełni funkcjonalna. Zdecydowanie polecam za profesjonalizm, zaangażowanie i szybkie realizowanie uwag." — Michał Księżak, PSONI Koło w Cieszynie