Realizacja / Motoryzacja / e-commerce

TuningStore.

Najpierw samochód. Potem pasująca część.

Sklep z częściami do tuningu wizualnego samochodów (w budowie).

Rodzaj projektu: Dla klientów
Zakres: Projekt i wdrożenie sklepu
Rok: 2026
Obszar: Motoryzacja / e-commerce
Etap: Rozwijany etapami — działająca część sklepu
Adres strony: tuningstore.pl (otwiera nową kartę)

tuningstore.pl

01 / Kontekst

Cel i warunki projektu

Sklep z częściami do tuningu wizualnego samochodów. Projekt w budowie — działająca część sklepowa jest dostępna pod adresem /store. Nacisk na czytelne kategorie i szybkie wyszukiwanie części pasujących do konkretnego modelu.

Co wymagało zmiany

Części do tuningu wizualnego mają sens dopiero wtedy, gdy pasują do konkretnego modelu, rocznika i wersji, a szerszy katalog wciąż powstaje etapami.

02 / Decyzja projektowa

Od intencji do następnego kroku

Sklep zaczyna od wyboru samochodu, potem zawęża katalog kategoriami z języka klientów, a etap prac nazywa wprost, zamiast udawać gotowy asortyment.

Ścieżka A

Szukam pasującej części

Wybieram samochód
Sprawdzam rocznik i wersję
Przechodzę do koszyka

Ścieżka B

Przeglądam ofertę

Wybieram kategorię
Sprawdzam produkt i warunki dostawy
Kupuję w działającej części sklepu

03 / Wykonanie

Decyzje widoczne w szczegółach

Detal 01

Dopasowanie ważniejsze od samej kategorii

Wybór auta jako pierwszy krok — reszta katalogu dopasowuje się do modelu
14 kategorii nazwanych tak, jak szuka tuner: splitery, dokładki progowe, dyfuzory, grille
Karta produktu z dopasowaniem do rocznika i wersji, a nie do samej marki

TuningStore / rzeczywisty widok strony głównej / komputer

Detal 02

Zakup z jasno nazwanym etapem prac

Koszyk i zamówienie na miejscu, bez przerzucania na obcy serwis
Osobne strony dostawy, płatności oraz zwrotów i reklamacji, bo o to pyta się przed zakupem
Sklep w budowie oznaczony wprost, zamiast udawania pełnej oferty

TuningStore / rzeczywisty widok strony głównej / telefon

Zakres / pozostałe elementy

Co zostało zbudowane

Landing na tuning w Gdańsku, żeby lokalne zapytania miały gdzie wylądować
Polecane i nowości jako wejście dla kogoś, kto przyszedł bez konkretnego celu

04 / Funkcje i technika

Co ta strona potrafi

Sprzedaje na miejscu
TuningStore prowadzi koszyk i zamówienie u siebie — klient nie ląduje w połowie zakupu na obcym serwisie.
Checkout — koszyk i zamówienie na stronie
Znajdą ją sąsiedzi
adres
Mapy i wyszukiwarka dostają adres w gotowej postaci, więc firma ma szansę wyjść komuś, kto szuka w okolicy.
LocalBusiness — lokalne dane strukturalne
Widać ją od razu
0,42 s
Główna treść pojawia się w 0,42 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu

Pod maską (7)

Instaluje się jak aplikacjaTuningStore: Po dodaniu do ekranu telefonu otwiera się jako „TuningStore” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.PWA — progresywna aplikacja webowa
Da się z niej korzystać bez myszy29 testów: TuningStore przechodzi 29 automatycznych testów dostępności bez jednego poważnego błędu: obsłużysz ją klawiaturą, przeczyta ją czytnik ekranu.WCAG 2.2 AA — wytyczne dostępności W3C, poziom AA
W Google pokazuje więcej niż tytułfirma, adres, miasto: Wyszukiwarka czyta stąd gotowe dane: firma, adres i miasto — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
Nie zjada transferu113 kB: Pierwsze wejście pobiera 113 kB — mniej niż jedno zdjęcie z telefonu, więc strona otwiera się też na słabym zasięgu i starszym sprzęcie.< 500 kB — waga strony przy pierwszym wejściu
Zdjęcia dopasowane do ekranu6 zdjęć: 6 zdjęć podawanych jest w nowoczesnym formacie i w rozmiarze dobranym do ekranu, a te niżej doładowują się dopiero przy przewijaniu.WebP · srcset — nowoczesny format i zestaw rozmiarów
Trudniej ją podrobić7 nagłówków bezpieczeństwa: Odpowiada 7 nagłówkami bezpieczeństwa, które wymuszają szyfrowanie i ograniczają, co obcy kod może na niej zrobić.CSP · HSTS — polityka bezpieczeństwa treści i wymuszone HTTPS
Przygotowana dla wyszukiwarek33 adresy w mapie strony: Mapa strony podaje Google 33 adresy, więc nowa podstrona nie czeka, aż robot trafi na nią sam.robots.txt · sitemap.xml — instrukcje dla robotów i mapa strony

Data i sposób weryfikacji

Zmierzone na działającej stronie, 12 września 2026. Odczyty dotyczą sprawdzonych publicznych stron: pomiar ładowania w przeglądarce, kontrola dostępności axe-core, nagłówków HTTP, manifestu aplikacji i mapy strony. To stan z dnia pomiaru, nie obietnica wyników biznesowych. Zakres kontroli zależy od pokazanej funkcji.

Jak została zbudowana

Sklep budowany od zera pod dopasowanie części do konkretnego auta, a nie pod ogólną wyszukiwarkę. Projekt w toku — działająca część sklepowa pod adresem /store.

05 / Rezultat wdrożenia

Do czego to doprowadziło

Kupujący szybciej dociera do pasujących części i kończy zakup w działającej części sklepu, nie myląc etapu wdrożenia z pełnym katalogiem.