Przejdź do treści
Tło

Realizacja

IRMIR - obserwatorium polityki miejskiej i regionalnej

IRMIR Obserwatorium Polityki Miejskiej, widok witryny
Ikona

Serwis internetowy dla IRMiR – Obserwatorium Polityki Miejskiej i Regionalnej

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.

Główne założenia projektu

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.

Technologie i narzędzia

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.

Funkcjonalności serwisu

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.

UX/UI – dostępność i czytelność

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.