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). 70% mieszkańców odwiedza stronę urzędu z telefonu.