Realizacja / Autorskie
Tuning4U.
Kalkulatory motoryzacyjne
Darmowe kalkulatory motoryzacyjne — opony, przełożenia, moc i planer modyfikacji, bez reklam.
- Rodzaj projektu
- Autorskie
- Zakres
- Projekt, budowa i rozwój
- Rok
- 2026
- Obszar
- Kalkulatory motoryzacyjne
- Adres strony
- tuning4u.info (otwiera nową kartę)
01 / Kontekst
Pomysł i zakres produktu
Zestaw darmowych kalkulatorów dla pasjonatów motoryzacji: rozmiary opon, przełożenia, moc i planer modyfikacji. Bez reklam i bez logowania — wszystko liczy się od razu w przeglądarce.
03 / Wykonanie
Decyzje widoczne w szczegółach
Pomysł w działającym interfejsie
- 1239 stron kodów błędów OBD2 — wejście od tego, co pokazał komputer w aucie
- Kalkulatory pogrupowane po tym, co ktoś właśnie robi: koła, silnik, doładowanie, paliwo, podwozie
- Osobne strony kalkulatorów opon, offsetu, przełożeń i mocy do masy
Szczegóły sposobu użycia
- Planer modyfikacji, który pamięta konkretny egzemplarz auta, a nie tylko model
- 18 poradników i sześć ściągawek tłumaczących oznaczenia, na przykład rozmiar opony
- Cztery narzędzia diagnostyczne obok kalkulatorów, bo to ten sam moment przy aucie
Zakres / pozostałe elementy
Co zostało zbudowane
- Testy zręcznościowe i drag race jako powód, żeby wrócić między jednym projektem a drugim
- Bez reklam i bez zakładania konta
04 / Funkcje i technika
Co ta strona potrafi
Widać ją od razu
0,26 sGłówna treść pojawia się w 0,26 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu
Da się z niej korzystać bez myszy
23 testówTuning4U przechodzi 23 automatyczne testy 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
Instaluje się jak aplikacja
Tuning4UPo dodaniu do ekranu telefonu otwiera się jako „Tuning4U” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.
PWA — progresywna aplikacja webowa
Pod maską (6)
- Działa bez zasięgu
- Tuning4U otworzy się nawet wtedy, gdy telefon zgubi zasięg — raz obejrzane strony zostają w pamięci przeglądarki.Service worker — skrypt buforujący po stronie przeglądarki
- Ma tryb nocnydopasowuje się do systemu
- Sama sprawdza, czy telefon jest ustawiony na tryb ciemny, i dopasowuje się bez pytania.prefers-color-scheme — systemowe ustawienie motywu
- W Google pokazuje więcej niż tytułwitryna, firma, dane kontaktowe
- Wyszukiwarka czyta stąd gotowe dane: witryna, firma i dane kontaktowe — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
- Nie zjada transferu
- Cała strona waży mniej niż jedno zdjęcie z telefonu, więc otwiera się też na słabym zasięgu.< 500 kB — waga strony przy pierwszym wejściu
- Trudniej ją podrobić6 nagłówków bezpieczeństwa
- Odpowiada 6 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 wyszukiwarek1321 adresów w mapie strony
- Mapa strony podaje Google 1321 adresów, 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
Zestaw kalkulatorów liczonych w całości po stronie przeglądarki — wynik pojawia się od razu, bez przeładowania i bez wysyłania danych na serwer.
