Strona www dla szkoły sztuk walki PASW
case study: strona internetowa dla szkoły
Strona www dla szkoły sztuk walki PASW – szybsza, czytelniejsza i dopasowana do użytkowników mobilnych. Przykład strony internetowej dla małej firmy edukacyjnej.
O kliencie
PASW to jedna z najstarszych szkół sztuk walki w Polsce.
Działa nieprzerwanie od 1957 roku i prowadzi zajęcia kung-fu, jiu-jitsu oraz systema dla dzieci, młodzieży i dorosłych.
Cel projektu
Celem projektu było stworzenie nowej strony, która działa szybko na urządzeniach mobilnych, w przejrzysty sposób pokazuje sekcje i grafik treningów oraz lepiej prezentuje historię akademii.
Cele i problemy klienta przed projektem
Wolne działanie na urządzeniach mobilnych
Strona działała wolno na urządzeniach mobilnych, co zniechęcało użytkowników.
Rozproszone informacje o sekcjach
Informacje o sekcjach były rozproszone i trudne do znalezienia.
Trudna do przeglądania historia
Historia akademii była jednym długim blokiem tekstu, trudnym do przeglądania.
Niewygodny kontakt
Kontakt był mało wygodny dla nowych użytkowników, szczególnie na mobile.
Brak spójnego wizerunku
Brakowało spójnego, aktualnego wizerunku wizualnego.
Jak to rozwiązałem
Maksymalna wydajność
Ograniczenie zbędnych skryptów, optymalizacja grafik i rozsądne ładowanie zasobów.
Przejrzysta struktura
Uporządkowana nawigacja bez zbędnych podstron i chaosu.
Oś czasu historii
Czytelna oś czasu prezentująca najważniejsze daty i wydarzenia.
Mobile-first design
Klikalne numery telefonów i pełna responsywność.
Galeria projektu
Przegląd widoków strony
Technologie i architektura
Po analizie potrzeb PASW zdecydowałem się zbudować stronę w Astro (architektura islands). Lekka architektura pozwala ładować interaktywność tylko tam, gdzie jest potrzebna, dając świetny stosunek wydajności do kosztu utrzymania.
Rezultaty
Desktop (PageSpeed Insights)
Mobile (PageSpeed Insights)
Źródło: PageSpeed Insights
Chcesz taką stronę dla siebie?
Stwórzmy razem stronę, która działa szybko, wygląda profesjonalnie i pomaga osiągać Twoje cele biznesowe.
Skontaktuj się ze mną