PINB Warszawa

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.

Pierwszy ekran strony PINB Warszawa

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.

  1. 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.

  2. 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.

  3. 03

    Menu ułatwień dostępu widoczne na stałe

    Nie schowane w stopce, tylko tam, gdzie ktoś go szuka.

  4. 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.

  5. 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

Załatw sprawę: formularz i ePUAP
Załatw sprawę: formularz i ePUAP
Stara strona: O Inspektoracie

Przed przebudową

Stara strona: O Inspektoracie
Stara strona: Informacje bieżące

Przed przebudową

Stara strona: Informacje bieżące

Ta sama firma. Inna strona.

PINB Warszawa po zmianie 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.

Wyceń stronę