Civic Space Watch
Przebudowa platformy monitoringu demokracji
Jak SEOFLY pomogło European Civic Forum stworzyć nowoczesną, dostępną platformę monitoringu demokracji w Europie – zgodną ze standardem WCAG 2.1 AA.
O kliencie
European Civic Forum
& Civic Space Watch
European Civic Forum to europejska sieć blisko 100 organizacji pozarządowych działających w 29 krajach. Powstała w 2005 roku – jej misją jest ochrona przestrzeni obywatelskiej, promowanie uczestnictwa i budowanie dialogu na rzecz demokracji.
Od 2017 roku prowadzi platformę civicspacewatch.eu – centrum analiz, alertów i zasobów dokumentujących stan przestrzeni obywatelskiej w całej Europie.
W ramach nowego projektu unijnego klient potrzebował gruntownej przebudowy serwisu: wdrożenia systemu wczesnego ostrzegania (EWS), Protection Hub oraz nowoczesnych narzędzi filtrowania i wizualizacji danych.
| Klient | European Civic Forum (ECF), Bruksela |
| Zakres | Redesign, Development, WCAG 2.1 AA |
| Realizacja | 2025 |
| URL | civicspacewatch.eu |
WYZWANIA
Co trzeba było naprawić i zbudować
Klient zgłosił się z listą pilnych problemów technicznych oraz ambitną wizją nowych funkcjonalności wspierających monitoring demokracji w Europie.
Zepsuty system wyszukiwania
Filtrowanie nie pozwalało na jednoczesne zaznaczenie wielu opcji. Przebudowaliśmy całą logikę filtrów.
Krytycznie wolne przewijanie
Strona była praktycznie bezużyteczna – przez błędy w motywie scrollowanie działało tak wolno, że zniechęcało wszystkich użytkowników.
Interaktywna mapa Europy
Klient potrzebował mapy z linkami do stron krajowych i kartami z danymi po najechaniu na kraj.
System Wczesnego Ostrzegania
Nowe narzędzie: wizualizacja trendów, taksonomia alertów z poziomami powagi i formularz zgłoszeń.
Protection Hub
Nowy moduł z bazą zasobów, mapą ochrony, interaktywną ścieżką pytań i filtrami według kraju.
Pełna dostępność WCAG 2.1 AA
Kontrast kolorów, skalowanie czcionki, wsparcie dla czytników ekranu i nawigacja klawiaturą.
Przebudowa struktury
Na wcześniej stronie był bałagan, dużo rozwiązań było robione na wtyczkach któych było ponad 50, taksonomie były pomieszane, wpisy z 'Resources' były tam gdzie 'Alerts'. Logiczne, schludne zaplanowanie strony oraz przeniesienie uporzadkowanych alertów było naszym zadaniem i wyzwaniem.
GALERIA REALIZACJI
Podgląd projektu
#000000
#E4EA22
#EDF2F7
#F9F9F9
Strona główna
Archiwum
Protection and Resource Hub
Pojedyńczy Alert
Activizenship
Popup z podglądem kraju
NASZE ROZWIĄZANIE
Co dostarczyliśmy
Projekt wymagał kompleksowego podejścia — od warstwy wizualnej, przez architekturę danych, aż po optymalizację techniczną.
Redesign całej strony
Odświeżony, ujednolicony wygląd w każdym aspekcie. Nowy układ eksponujący EWS, mapę interaktywną, partnerów projektu, archwiwum alertów, pojedyńczy alert, publikacje, podstrony About, formularz z instrukcjami warunkowymi i wiele więcej.
System Wczesnego Ostrzegania
Wizualizacje trendów, taksonomia alertów, formularz zgłoszeń i feed. Wyróżnienie zależnie od statusu alertu. Przeniesienie staryh alertów, uporzadkowanie, przebudowa struktury.
Interaktywna mapa 29 krajów
Klikalne kraje z popupem w którym są szczegóły kraju. W pełni zautomatyzowane, dynamiczne ładowanie danych.
Protection Hub
Baza zasobów z mapą ochrony, ścieżką pytań i dynamicznymi filtrami (ajax) dzięki którym można szbko przeszukać bazę. Proste zarządzanie i wizualna edycja dla administratora. Tabela jest zrobiona tak, aby wygodnie było przeglądać informacje (szczegóły dopiero po wybraniu interesującego tytułu).
Strony krajowe
Wizualna prezentacja danych i trendów, alerty, zasoby per kraj i filtrowanie.
Pełna automatyzacja
Utrzymanie porzadku w tak dużej bazy danych, dodawanie aktualizacji, powiązancyh działań, tworzenie osobnych podstron dla akcji, statusy krajów... To może być przytlaczające. Uwzględniliśmy maksymalną automatyzację już od samego początku. Dzięki temu administrator oszczędza dużo czasu i nerwów.
Redukcja wtyczek
Zamiast 50 wtyczek projekt udało się zamknąć w 14 (z czego połowa to wtyczki użytkowe jak backupy, seo, duplikacja stron, bezpieczeństwo itp.). Dostosowaliśmy wordpressa pod wymagania klienta, nie pod gotowe wtyczki.
Optymalizacja techniczna
Z bazowych ~25 punktów w Google PageSpeed Insights na mobile, na nowej stronie udało się uzyskać ~70 i to bez większych sztuczek w optymalizacji. W razie potrzeby nadal jest potencjał aby uzyskać wynik 90+.
WCAG 2.1 AA
Pełne dostosowanie dla osób z niepełnosprawnościami. Bez dodatkowych wtyczek które jedynie to imitują, bez żadnych kompromisów.
Proces planowania
Komunikacja z klientem live
Civic Space Watch miał zespół kilku osób które miały jedynie ogólny pomysł na nową stronę. Zamiast wysyłać setki maili - SEOFLY zaproponowało komunikację w FigJam, gdzie obie strony mogły łatwo przekazać swoje myśli. Ograniczyliśmy bałagan w poruszanych wątkach do minimum.
DOSTĘPNOŚĆ CYFROWA
Strona dostępna dla każdego
Civic Space Watch spełnia standard WCAG 2.1 Level AA - jest w pełni dostępna cyfrowo dla użytkowników z niepełnosprawnościami.
Kontrast i inwersja kolorów
Wszystkie elementy spełniają wymagania kontrastowe WCAG 2.1 AA
Dynamiczna regulacja rozmiaru czcionki
Zastasowanie odpowienich jednostek sprawia, że strona jest czytelna niezależnie od przybliżania/oddalania – kryterium 1.4.4 WCAG.
Wsparcie dla czytników ekranu
Semantyczny HTML5, role ARIA, alt-texty i poprawna kolejność fokus – działa z NVDA, JAWS i VoiceOver.
Nawigacja klawiaturą
Cały serwis – mapa, filtry, Protection Hub – obsługiwalny bez użycia myszy, zgodnie z WCAG 2.1.