Realizacja / Autorskie
EVRadar.
Porównywanie aut elektrycznych
Porównywarka aut elektrycznych — realny zasięg zamiast WLTP, ładowanie, baterie i planowanie tras.
- Rodzaj projektu
- Autorskie
- Zakres
- Projekt, budowa i rozwój
- Rok
- 2026
- Obszar
- Porównywanie aut elektrycznych
- Wersje językowe
- 12
- Adres strony
- evradar.online (otwiera nową kartę)
01 / Kontekst
Pomysł i zakres produktu
Porównywarka samochodów elektrycznych oparta na realnym zasięgu zamiast katalogowego WLTP. Zbiera parametry ładowania i baterii wraz z datami źródeł, dodaje planowanie tras i rachunek kosztów. Powstała, bo dane producentów rzadko odpowiadają na pytanie, ile naprawdę przejadę.
03 / Wykonanie
Decyzje widoczne w szczegółach
Pomysł w działającym interfejsie
- Realny zasięg zamiast katalogowego WLTP, bo to on decyduje o zakupie
- 1977 kart samochodów i 819 stron modeli, złożonych w jedną porównywarkę
- 89 stron marek, żeby dało się wejść od producenta, a nie tylko od modelu
Szczegóły sposobu użycia
- Ładowanie podane w kilometrach, a nie w kilowatogodzinach, bo w kilometrach myśli kierowca
- Data przy każdym źródle, żeby było widać, co jest jeszcze aktualne
- Planer trasy i mapa ładowarek obok danych, żeby nie zestawiać ich ręcznie
Zakres / pozostałe elementy
Co zostało zbudowane
- 87 materiałów edukacyjnych dla kogoś, kto dopiero rozważa przesiadkę
- Forum i 34 wpisy newsowe jako powód, żeby wrócić przed samym zakupem
- Kalendarz premier i zimowy ranking zasięgu, czyli dane, których nie ma w katalogu
- Trzynaście wersji językowych na 3220 adresów w mapie strony
04 / Funkcje i technika
Co ta strona potrafi
Widać ją od razu
0,38 sGłówna treść pojawia się w 0,38 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu
Mówi w kilku językach
1212 wersji językowych, opisane tak, żeby Google pokazał właściwą osobie z właściwego kraju.
hreflang — znacznik wersji językowej
Instaluje się jak aplikacja
EVRadarPo dodaniu do ekranu telefonu otwiera się jako „EVRadar” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.
PWA — progresywna aplikacja webowa
Pod maską (7)
- Działa bez zasięgu
- EVRadar 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 nocnyprzełącznik jasny/ciemny
- Ma własny przełącznik jasny/ciemny, a wybór zostaje zapamiętany na następną wizytę.prefers-color-scheme — systemowe ustawienie motywu
- W Google pokazuje więcej niż tytułfirma, zdjęcia, dane kontaktowe
- Wyszukiwarka czyta stąd gotowe dane: firma, zdjęcia i dane kontaktowe — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
- Nie zjada transferu171 kB
- Pierwsze wejście pobiera 171 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 ekranu17 zdjęć
- 17 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ć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 wyszukiwarek3256 adresów w mapie strony
- Mapa strony podaje Google 3256 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
Serwis porównawczy oparty na własnym zestawie danych o autach, z podanymi datami źródeł. Generowany statycznie, więc karty modeli otwierają się natychmiast.
