Projektowanie stron WWW dla urzędów: brief, wireframes, mockup, design system, audyt WCAG. Pod identyfikację wizualną gminy. Bezpłatna konsultacja.
Projektowanie stron internetowych dla JST: projekt graficzny, architektura informacji, prototyp interaktywny, design system pod identyfikację wizualną urzędu. Każdy projekt poprzedza analiza wymogów dostępności WCAG 2.2 AA, struktury BIP, integracji obowiązkowych.
Etapy projektowania strony dla JST
- Brief i analiza, rozmowa z osobą decyzyjną (wójt, sekretarz, kierownik IT), zebranie wymogów, identyfikacja wizualna, brand book (jeśli jest)
- Analiza konkurencji, przegląd 5-10 stron urzędów o podobnej skali, identyfikacja best practices i błędów
- Architektura informacji, drzewo nawigacji, mapowanie sekcji BIP, lokalizacja CTA, miejsca dla treści dynamicznych
- Wireframes, czarno-białe szkice układu stron głównych (home, podstrona, BIP, kontakt, deklaracja dostępności)
- Projekt graficzny, pełen mockup z kolorystyką, typografią, ikonami, fotografią, desktop + mobile
- Design system, biblioteka komponentów (przyciski, formularze, karty, modały), zachowuje spójność na całej stronie
- Prototyp interaktywny (opcjonalnie), klikalny prototyp w Figmie do akceptacji przed kodowaniem
- Audyt projektowy WCAG, sprawdzenie kontrastów, hierarchii, rozmiarów touch targets PRZED implementacją
Czym różni się dobry projekt strony dla urzędu
| Element | Standardowa strona | Strona zaprojektowana profesjonalnie |
|---|---|---|
| Kontrast tekst/tło | 3.5:1 (poniżej WCAG) | ≥ 4.5:1 (zgodnie z WCAG 2.2 AA) |
| Hierarchia treści | Wszystko jednakowe | 3-4 poziomy hierarchii, łatwe skanowanie wzrokiem |
| Touch targets mobile | < 44 px (trudno trafić palcem) | ≥ 44 × 44 px (komfortowe) |
| Czas ładowania | > 3 sekundy | < 1.5 sekundy (LCP) |
| Dostępność dla osób słabowidzących | Brak | Przełącznik wysokiego kontrastu, powiększanie tekstu |
| Cookies & RODO | Default WordPress | Custom, zgodne z RODO, z prawem wycofania zgody |
Identyfikacja wizualna urzędu
Każdy urząd ma swoją tożsamość: herb gminy, kolory miasta, lokalne fotografie. Projekt strony respektuje:
- Herb / godło, w nagłówku, eksponowane
- Kolory urzędowe, biel/granat/czerwień (typowo) lub własne barwy gminy
- Fotografia lokalna, zdjęcia gminy, panoramy, wydarzenia (zamiast stocków)
- Typografia oficjalna, zwykle bezszeryfowa, czytelna, dostępna (np. Inter, Source Sans, Lato)
- Ton komunikacji, formalny, ale przyjazny, bez korporacyjnego dystansu
Bezpłatna wstępna konsultacja projektowa
Po krótkiej rozmowie (15-30 min) możemy pokazać 2-3 kierunki projektowe (sample stron urzędów o podobnej skali) i przygotować wycenę.
FAQ
Czy projekt jest realizowany w Figmie?
Tak, używamy Figmy do mockupów i design systemu. Plik źródłowy oddajemy Państwu po projekcie (możliwa edycja w przyszłości przez innego designera).
Ile iteracji projektu obejmuje wycena?
Standardowo 2-3 iteracje. Pierwsza koncepcja → uwagi → poprawiona wersja → akceptacja. Dodatkowe iteracje rozliczamy osobno.
Co jeśli mamy już brand book gminy?
Tym lepiej, projekt zachowuje pełną zgodność z brand bookiem (kolory, typografia, herb, ton). Pracujemy w ramach Państwa identyfikacji wizualnej.
Czy projekt zawiera wersję mobilną?
Zawsze. Każdy projekt to mockup desktop + tablet + mobile (3 viewports).