Dla Instytutu Rozwoju Miast i Regionów (IRMiR) stworzyliśmy kompleksowy serwis internetowy wspierający działania Obserwatorium Polityki Miejskiej. Strona powstała, aby umożliwić samorządom, analitykom i decydentom łatwy dostęp do danych, raportów oraz narzędzi do analizy procesów urbanizacyjnych w Polsce.
Naszym celem było stworzenie nowoczesnego serwisu. Miał być intuicyjny, responsywny i łatwy w obsłudze. Dlatego zaplanowaliśmy go tak, aby:
– prezentował wyniki badań IRMiR,
– umożliwiał eksplorację danych w formie interaktywnej,
– wspierał decyzje w zakresie polityki miejskiej,
– łączył raporty, analizy i narzędzia w jednym miejscu.
Z tego względu, od początku współpracowaliśmy blisko z zespołem IRMiR. Dzięki temu lepiej poznaliśmy ich potrzeby i oczekiwania. W efekcie mogliśmy dokładnie odwzorować strukturę tematyczną i funkcjonalną. Ponadto, wspólnie ustaliliśmy priorytety i kluczowe scenariusze użytkowników.
W rezultacie, powstał portal, który nie tylko prezentuje dane, lecz także wspiera analizę i rozwój miast.
Projekt został oparty na nowoczesnych technologiach frontendowych i backendowych, a mianowicie:
– React.js – do budowy dynamicznego i szybkiego interfejsu,
– Next.js – dla zwiększenia wydajności oraz SEO-friendly SSR,
– PostgreSQL + PostGIS – jako główna baza danych przestrzennych,
– Mapbox GL JS – do prezentacji interaktywnych map,
– D3.js i Chart.js – do wizualizacji danych w postaci wykresów i infografik,
– CMS Strapi – umożliwiający edycję treści przez zespół IRMiR,
– Docker + NGINX – do wdrożenia w środowisku produkcyjnym.
Zastosowane technologie umożliwiły zarówno szybkie ładowanie treści, jak i skalowalność systemu w przyszłości.
Zaprojektowaliśmy stronę tak, aby użytkownicy mogli w prosty sposób uzyskać dostęp do kluczowych funkcjonalności, w tym:
– interaktywnych map tematycznych, z możliwością filtrowania danych według województw i lat,
– dynamicznych wykresów i tabel, które automatycznie dostosowują się do wybranych danych,
– raportów do pobrania, opisujących obszary takie jak:
mieszkalnictwo,
ochrona środowiska,
rynek pracy,
gospodarka miejska,
polityka społeczna,
urbanizacja,
– modułu newslettera, który pozwala użytkownikom być na bieżąco z najnowszymi publikacjami,
– archiwum wydarzeń i kongresów, m.in. IV Kongres Polityki Miejskiej i Regionalnej, seminaria regionalne itp.
Projektując layout, postawiliśmy na prostotę. Jednakże, zależało nam też na użyteczności i dostępności. Dlatego:
– wybraliśmy kontrastowe kolory,
– zastosowaliśmy czytelną typografię,
– zadbaliśmy o intuicyjny układ treści.
Równocześnie, wdrożyliśmy pełne wsparcie dla urządzeń mobilnych. Serwis działa dobrze zarówno na komputerze, jak i smartfonie. Dodatkowo, spełnia wymagania WCAG 2.1. Dzięki temu, jest dostępny także dla osób z niepełnosprawnościami.
Poza tym, zintegrowaliśmy serwis z Google Analytics 4. To z kolei pozwala analizować zachowania użytkowników. Na tej podstawie można lepiej dostosować treści i funkcje. A co za tym idzie, usprawniać rozwój strony w czasie.
To realizacja, która łączy technologię, dane i przemyślany design. Właśnie dzięki temu serwis realnie wspiera rozwój miast w Polsce. Co więcej, ułatwia podejmowanie decyzji w oparciu o rzetelne informacje. A zatem, nie tylko informuje, lecz także inspiruje do działania.
W związku z tym, planujemy jego dalszy rozwój. Będą wdrażane kolejne funkcje i usprawnienia. Po to, aby serwis jeszcze lepiej odpowiadał na potrzeby użytkowników. I aby nadążał za dynamicznymi zmianami w polityce miejskiej.
Podsumowując, to projekt z przyszłością – elastyczny, nowoczesny i otwarty na kolejne wyzwania.