Serwis urzędu zbudowany pod WCAG 2.1 i dużą ilość treści
Strona urzędu z rozbudowaną strukturą podstron, w której dostępność jest wymogiem prawnym, a nie dobrą praktyką.
- Zakres
- Projekt i wdrożenie
- Branża
- Instytucje
- Miejsce
- Warszawa
- Rok
- 2024
-
83
wydajność
-
91
dostępność
-
92
SEO
Lighthouse 12.8.2, komputer, mediana z trzech przebiegów, 23 września 2026.

Kto to jest
Powiatowy Inspektorat Nadzoru Budowlanego dla m.st. Warszawy. Urząd obsługujący całe miasto: interesanci, inwestorzy, projektanci i media, każdy szukający czego innego.
Co było nie tak i co zrobiłam
Co było nie tak
Treść była, ale układ z tabelek nie dawał się obsłużyć ani na telefonie, ani czytnikiem ekranu. Zarządzenia rozbite na osobne pliki „strona 1/3, 2/3, 3/3”, komunikaty czerwonym wersalikiem, załączniki jako niewyświetlające się miniatury PDF.
Co zrobiłam
Zaczęłam od analizy wymagań WCAG 2.1 i stron innych instytucji publicznych. Zaprojektowałam strukturę i nawigację dla dużej ilości treści, wdrożyłam rozwiązania dostępności i responsywny układ.
Decyzje, które o tym przesądziły.
-
01
Zaczęłam od wymagań, nie od projektu
Przejrzałam WCAG 2.1 i serwisy innych inspektoratów, żeby zobaczyć, co działa, a co jest odhaczeniem obowiązku.
-
02
Nawigacja wokół spraw, nie struktury urzędu
Interesant nie wie, który wydział prowadzi jego sprawę, wie tylko, co chce załatwić. Stąd „Załatw sprawę” jako osobna sekcja z formularzem i ePUAP-em.
-
03
Menu ułatwień dostępu widoczne na stałe
Nie schowane w stopce, tylko tam, gdzie ktoś go szuka.
-
04
Przycisk „Zgłoś problem ze stroną” w nagłówku
Urząd ma obowiązek przyjmować zgłoszenia o barierach dostępności, więc droga do tego musi być krótka.
-
05
Godziny pracy i telefon nad nagłówkiem
Dwie najczęściej szukane informacje w serwisie urzędu.
Co dostał klient
- Struktura dla rozbudowanej treści
- Rozwiązania dostępności WCAG 2.1
- Sekcja „Załatw sprawę” z formularzem i ePUAP
- Aktualności
- Układ działający na telefonie
Dalsze zrzuty
Przed przebudową
Przed przebudową
Ta sama firma. Inna strona.
Przed
Po
Technologia
- WordPress
- Elementor
- WCAG 2.1
- rozbudowana nawigacja
Zacznijmy od briefu.
Piętnaście minut pytań na piśmie. Odpowiadam konkretną kwotą w dwa dni robocze.