Poprzednia witryna internetowa spółki, oparta na przestarzałej technologii, przestała spełniać dzisiejsze standardy bezpieczeństwa, wydajności oraz dostępności cyfrowej.
Agencja Design Solutions podjęła się wyzwania kompleksowej przebudowy serwisu. W ciągu zaledwie miesiąca stworzyliśmy nowoczesną, intuicyjną platformę opartą na najnowszym WordPressie, która nie tylko odświeżyła wizerunek ZGK, ale przede wszystkim zapewniła pełną zgodność z wymogami WCAG oraz najwyższe standardy wydajności (Google PageSpeed).
Dla porównania – stara i nowa wersja strony:
Problem
Stara strona internetowa ZGK (widoczna na załączonych screenach jako witryna z trawiastym tłem) borykała się z szeregiem problemów technicznych i wizerunkowych:
- Dług technologiczny: Serwis oparty był na bardzo starej wersji systemu Joomla, która uniemożliwiała aktualizację wersji PHP na serwerze. Stwarzało to poważne luki bezpieczeństwa i problemy z wydajnością.
- Brak dostępności (WCAG): Jako podmiot publiczny, ZGK jest zobowiązany do przestrzegania ustawy o dostępności cyfrowej. Stara strona była zupełnie niedostosowana do potrzeb osób z niepełnosprawnościami (brak odpowiednich kontrastów, struktury nagłówków, obsługi czytników ekranu).
- Archaiczny Design i UX: Przestarzała szata graficzna ("tło trawy", wąski układ strony) oraz chaotyczna nawigacja utrudniały mieszkańcom znalezienie kluczowych informacji, takich jak harmonogramy wywozu odpadów czy komunikaty o awariach.
- Brak responsywności: Stara witryna nie skalowała się poprawnie na urządzeniach mobilnych.
Rozwiązanie
Zespół Design Solutions wdrożył nową stronę www od podstaw, stawiając na nowoczesność, szybkość i użyteczność.
- Nowoczesny silnik: Zmigrowaliśmy serwis na najnowszą wersję CMS WordPress. Pozwoliło to na zastosowanie środowiska PHP 8.4 oraz bazy danych MySQL 8, co gwarantuje szybkość i bezpieczeństwo na lata.
- Gutenberg Blocks: Zamiast ciężkich page builderów, wykorzystaliśmy natywny edytor Gutenberg. Dzięki temu administratorzy ZGK mogą w łatwy sposób edytować treści, a kod strony pozostaje lekki i czysty.
- Dostępność Cyfrowa: Nowy projekt został stworzony zgodnie z wytycznymi WCAG 2.1. Zastosowaliśmy odpowiednie kontrasty, wersję kontrastową, możliwość zmiany wielkości czcionki oraz semantyczny kod HTML przyjazny dla technologii asystujących.
- Uporządkowana Architektura Informacji: Przeprojektowaliśmy menu i strukturę treści. Kluczowe usługi (Gospodarka Odpadami, Zarządzanie Nieruchomościami, Ciepłownia) zostały wyeksponowane na stronie głównej w formie czytelnych kafelków. Sekcja "Aktualności" i "Harmonogramy" zyskała na przejrzystości.
Rezultaty
Transformacja serwisu przyniosła natychmiastowe efekty:
- Odświeżony wizerunek: Strona zyskała profesjonalny, przejrzysty wygląd, budujący zaufanie do instytucji publicznej.
- Pełna mobilność: Serwis działa perfekcyjnie na smartfonach i tabletach, co jest kluczowe dla mieszkańców sprawdzających komunikaty w biegu.
- Łatwość zarządzania: Pracownicy ZGK mogą samodzielnie i szybko publikować komunikaty o awariach czy nowe cenniki bez pomocy programisty.
- Bezpieczeństwo: Dzięki aktualizacji do najnowszych standardów serwerowych, strona jest zabezpieczona przed atakami, na które podatna była stara wersja Joomli.
KPI
Projekt zrealizował założone cele techniczne i użytkowe: Google PageSpeed Insights: Wynik w strefie zielonej (wysoka wydajność). Dostępność: 100% zgodności ze standardem WCAG (potwierdzone audytem walidatorów). Wersja PHP: Podniesienie z przestarzałej wersji do najnowszej 8.4. Czas ładowania: Redukcja czasu ładowania strony o ponad 60% względem starej wersji.
Technologie
W projekcie wykorzystaliśmy stack technologiczny zapewniający długowieczność rozwiązania: CMS: WordPress (najnowsza wersja) Edytor: Gutenberg Blocks (natywny, lekki edytor) Backend: PHP 8.4 Baza danych: MySQL 8 Frontend: HTML5, CSS3, Vanilla JS (brak zbędnych bibliotek spowalniających stronę)
Czas realizacji
Cały proces – od analizy starej strony, przez projektowanie graficzne, wdrożenie, aż po migrację treści i testy – zajął nam ok. 1 miesiąc.
