Kontekst i Diagnoza Stanu Wyjściowego
Strona wypożyczalni rowerów w Istebnej borykała się z poważnymi problemami technicznymi i wizualnymi. Projekt postawiony w Next.js cierpiał na niską wydajność oraz nieprzemyślaną architekturę.
- Wydajność i Kod: Wolne czasy ładowania wynikały z instalacji dużej liczby zbędnych modułów oraz stosowania przestarzałych, natywnych tagów HTML zamiast nowoczesnych komponentów z importu Next.js.
- UX / UI (Stan przed): Toporny i nieintuicyjny design. Sekcja hero nie zawierała wyraźnego CTA a cennik był surową, przytłaczającą tabelą z agresywnymi pomarańczowymi tłami blokowymi.
Założenia Projektowe i Nowy Prototyp
- Stworzenie nowego prototypu ukierunkowanego na sportowy, autentyczny design outdoorowy.
- Wdrożenie czytelnej hierarchii treści oraz wyrazistych przycisków akcji (CTA) w kluczowych miejscach strony (m.in. przycisk „Zarezerwuj” w nagłówku).
Porównanie zmian wizualnych cennika
Prezentacja rowerów: Zamiast płaskiego cennika tekstowego, w nowej wersji wdrożono nowoczesny komponent „Nasze Rowery” z interaktywnym podglądem modeli, parametrami technologicznymi (pojemność baterii, moment obrotowy, silnik, rozmiar kół) oraz miniaturami zdjęć.
Wdrożenie Techniczne i Optymalizacja
- Wykonanie strony całkowicie od zera w Next.js.
- Usunięcie zbędnego kodu i modułów obciążających repozytorium.
- Zastąpienie starych znaczników HTML nowoczesnymi komponentami importowanymi z Next.js, co zagwarantowało wysokie wyniki wydajnościowe i szybkie ładowanie.
