Piotr Rogacki

Realizacje / 01 · Jednoślady · kaski motocyklowe

Premier Helmets

Właściwy rozmiar kasku motocyklowego bez przymiarki

Premier Helmets: strona na laptopie i telefonie

Strona główna

Premier Helmets to włoska marka kasków motocyklowych od 1956 roku. Jej polski sklep zbudowałem od podstaw i wyposażyłem w narzędzia doboru modelu, rozmiaru i wizjera.

Premier Helmets to włoska marka kasków motocyklowych od 1956 roku, która potrzebowała polskiego sklepu z 34 kaskami w 16 modelach. Przeanalizowałem tabele rozmiarów i wyposażenie wszystkich modeli, a na tej podstawie zaprojektowałem kreator doboru, zestawienie rozmiarów w centymetrach i podgląd drogi przez każdy wizjer. Przed startem sklep przeszedł audyt 100 punktów i osiąga 98/100 w teście szybkości Google na telefonie.

Branża
Jednoślady · kaski motocyklowe
Rok
2026
Zakres
Programowanie, Migracja katalogu, Narzędzia doboru, Moduły panelu, Opisy produktów, SEO, Wydajność, Audyt
Technologie
WordPress, WooCommerce, PHP, Autorski motyw, Cache stron w plikach, Dane strukturalne, Plik produktowy Google, IndexNow
Strona
Przed publicznym startem

01Wyzwanie

Kasku nie można przymierzyć przez internet, a rozmiary różnią się między modelami: L to 58 cm obwodu głowy w modelu Trophy i 59 cm w modelu Hyper. Przed zakupem klient pyta też o wagę, wizjer i wyposażenie, więc sklep miał odpowiadać na te pytania bez udziału obsługi. Katalog marki trzeba było przy tym przenieść z poprzedniej platformy tak, żeby dotychczasowe adresy prowadziły do właściwych stron.

02Rozwiązanie

  1. Przeanalizowałem tabele rozmiarów 16 modeli i zestawiłem je w centymetrach obwodu głowy, żeby klient wybrał właściwy kask bez przymiarki.
  2. Zaprojektowałem kreator „Dobierz kask”, który w pięciu pytaniach zawęża ofertę i przy każdej propozycji wyjaśnia, dlaczego model pasuje do stylu jazdy.
  3. Zbudowałem moduł cen, który wczytuje cenniki producenta z plików i przelicza ceny z euro po kursie NBP, więc obsługa nie przepisuje ich ręcznie.
  4. Przeniosłem katalog z zachowaniem starych adresów, a przed startem przeprowadziłem audyt 100 punktów i testy 19 typów stron na sześciu szerokościach ekranu.

03Najważniejsze elementy strony

  1. 01

    Kreator „Dobierz kask”

    Tarcza prędkościomierza pokazuje postęp, a po pięciu pytaniach o styl jazdy klient dostaje pasujące kaski z wyjaśnieniem, dlaczego właśnie te.

    Premier Helmets: Kreator „Dobierz kask”
  2. 02

    Karta kasku z rozmiarem w cm

    Wizjer i rozmiar w centymetrach obwodu głowy klient wybiera tuż nad przyciskiem zakupu, a skala wagi porównuje kask z innymi modelami w sklepie.

    Premier Helmets: Karta kasku z rozmiarem w cm
  3. 03

    Przewodnik wyboru kasku

    Pod listą kasków jest tekst porównawczy i tabela modeli, którą klient sortuje od najlżejszego lub najtańszego i zawęża filtrem „musi mieć”.

    Premier Helmets: Przewodnik wyboru kasku
  4. 04

    Lista kasków z filtrami

    Opis typu kasku, skróty do modeli i filtry według skorupy, wyposażenia, wagi oraz dostępnego rozmiaru pomagają zawęzić listę do kilku modeli.

    Premier Helmets: Lista kasków z filtrami

04Projekt w liczbach

Sklep jest gotowy do startu i osiąga 98/100 w teście szybkości Google na telefonie.

98/100w teście szybkości Google na telefonieLighthouse, strona główna: 87 → 98; na komputerze 100 na każdej badanej stronie
16modeli z rozmiarem w centymetrach obwodu głowytaśma 50-66 cm wskazuje rozmiar w każdym modelu, np. L to 58 cm w Trophy i 59 cm w Hyper
84unikalne tytuły stron, w Google widoczne w całościwcześniej 25 tytułów było uciętych; do tego 81 unikalnych opisów stron
10×mniej pracy serwera przy każdym wejściu klienta656 → 64 zapytania do bazy danych na stronie głównej, odpowiedź z pamięci podręcznej w 0,1 s