KLIENT
Miasto Mszana Dolna
DATA PROJEKTU
2024
KATEGORIA
Biznes
ZAKRES PRAC
Analiza przedwdrożeniowa, audyt obecnej strony (techniczny i UX), projektowanie UX/UI, ulepszenia w zakresie designu
W ramach współpracy z Urzędem Miasta Mszana Dolna zrealizowaliśmy kompleksową modernizację oficjalnej strony internetowej miasta przy wykorzystaniu CMS TYPO3. Celem projektu było unowocześnienie warstwy wizualnej oraz znacząca poprawa doświadczeń użytkowników – zarówno mieszkańców, jak i turystów odwiedzających region.
Modernizacja strony internetowej miasta Mszana Dolna
Zakres prac:
Ulepszenia pod kątem doświadczeń użytkownika (UX):
Szybszy dostęp do kluczowych informacji:
- Dodanie sekcji “Załatw sprawę”, “Najczęściej odwiedzane”, “Dla mieszkańców / Dla turystów” na stronie głównej.- zwiększenie użyteczności strony i dostępności informacji,
- Widoczny kalendarz wydarzeń, skróty do ePUAP, spraw urzędowych, czy aktualności.
Wyszukiwarka z podpowiedziami:
- Dotychczasowa wyszukiwarka była mało intuicyjna
- Zastosowaliśmy dynamiczne podpowiedzi i filtrowanie wyników w czasie rzeczywistym.
Przyjazny język i lepsze nazewnictwo:
- Uproszczenie języka i nazw zakładek, np. zamiast „Samorząd” → „Władze miasta”, „Urząd Miasta” → „Załatw sprawę”.
Lepsza dostępność (WCAG):
- Kontrast kolorów, wielkość krojów pisma, opcje dla osób słabowidzących (np. możliwość zmiany rozmiaru tekstu lub tryb wysokiego kontrastu).
- Tekst alternatywny dla zdjęć, poprawne oznaczenie nagłówków H1-H6.
Integracja z mediami społecznościowymi i newsletterem:
- Widoczne ikony social mediów, opcja zapisu na newsletter (np. z informacjami miejskimi).
Ulepszenia w zakresie designu:
Nowoczesny i spójny wygląd:
- Poprzedni wygląd strony był przestarzały i nie spełniał współczesnych standardów estetycznych.
- Zastosowaliśmy nowszy layout w stylu flat design z czytelną typografią i stonowaną, spójną paletą kolorów.
Lepsza hierarchia wizualna:
- Wyróżnienie najważniejszych informacji (np. ogłoszeń, wydarzeń, komunikatów).
- Zastosowanie większych nagłówków, ikon i akcentów kolorystycznych dla ułatwienia skanowania treści.
Responsywność (mobile-first design):
- Strona jest teraz w pełni dostosowana do urządzeń mobilnych i tabletów. Poprzednio niektóre elementy były trudne do odczytania lub obsługi na telefonie.
Uproszczona nawigacja:
- Główne menu zostało uproszczone - poprzednio było zbyt rozbudowane i nieczytelne.
- Zastosowaliśmy trzy stopniowe menu oraz menu typu hamburger na urządzeniach mobilnych dzięki czemu poprawiliśmy dostępność strony internetowej.
Efekt końcowy
Efektem prac jest nowoczesna, funkcjonalna i estetyczna strona internetowa, która spełnia potrzeby użytkowników i ułatwia kontakt mieszkańców z urzędem. Nowa wersja została pozytywnie oceniona zarówno przez pracowników urzędu, jak i lokalną społeczność.