Wyzwanie
Wynajem auta sportowego to sprzedaż emocji, nie tabeli cen. A większość wypożyczalni wygląda tak samo: siatka zdjęć, formularz, cennik. Nic nie oddaje tego, po co ktoś tu przychodzi - poczucia, że siada w aucie marzeń.
Trzeba było zbudować stronę, która od pierwszej sekundy gra prędkością i klasą, pozwala „dotknąć" auta zanim się je zamówi, i daje realny powód, żeby zostać dłużej niż na jeden scroll - a przy okazji zebrać leada.
Co zbudowałem
Autorska, immersyjna strona wypożyczalni plus osobna gra wyścigowa 3D - jeden spójny świat marki, bez szablonów, dopięty w każdym detalu ruchu, światła i dźwięku.
- Karuzela 3D floty - pięć aut jako modele GLB w szklanym walcu, obracane kursorem/dotykiem, z danymi (prędkość, przyczepność, cena/doba).
- Konfigurator koloru - zmiana barwy nadwozia na żywo na samym modelu 3D (material.color), nie tint na zdjęciu - realny recolor auta.
- Gra wyścigowa „Tor Kanion" - wybierasz auto z floty i jedziesz po torze w kanionie z fizyką arcade (przyczepność, poślizg na oleju, przeszkody), 3 okrążenia na czas.
- Grywalna zniżka - urwanie czasu odblokowuje kod -5% na wynajem, generowany lokalnie kod QR prowadzi wprost do rezerwacji wybranego auta.
- Sterowanie dotykowe - na telefonie prośba o obrót ekranu, analogowy joystick + pedały gaz/hamulec; na desktopie WASD/strzałki.
- Dźwięk i klimat - sampel silnika V8 modulowany prędkością (WebAudio), światła startu, trybuny z kibicami, oprawa toru.
Rzemiosło i jakość
Efekt „wow" ma wciągać, nie przeszkadzać w rezerwacji. Strona i gra są spójne, wydajne i dopięte w detalu:
- Prawdziwe 3D, nie 2D - auta to modele GLB (skwantyzowane/Draco), a nie płaskie zdjęcia; konfigurator zmienia materiał, nie nakładkę.
- Fizyka arcade - kierunek jazdy „doganiający" heading (przyczepność), poślizg na oleju, odbicia od barier, przeszkody spowalniające - jazda ma charakter, nie jest sztywna.
- Mobile na serio - responsywne UI, wykrycie orientacji, ekranowy joystick i pedały; poprawiony render HiDPI (auto zawsze w kadrze).
- Dźwięk pod kontrolą - czysty sampel V8 bez tła, wyciszany po wyścigu i przy powrocie na stronę, przełącznik mute.
- Prywatność i standardy - kod rabatu i QR generowane w przeglądarce (nic nie wychodzi na zewnątrz), nota RODO, JSON-LD/SEO, PL/EN, prefers-reduced-motion.
- Zero kosztów assetów - cała flota (FLUX) wygenerowana lokalnie, pełna kontrola i prywatność.
Efekt
Wypożyczalnia, która jest doświadczeniem: klient obraca auto w 3D, maluje je w swoim kolorze, ściga się nim na torze i wychodzi z kodem rabatowym prowadzącym prosto do rezerwacji. Gamifikacja zamienia „obejrzę" w „zostanę i zagram" - i w konkretnego leada. Gotowe pod wdrożenie produkcyjne.
Twoja marka zasługuje na to samo.
Projektuję i koduję takie strony osobiście - od pierwszego kadru i modelu 3D po wdrożenie i gamifikację. Napisz dwa zdania o projekcie, odezwę się z pomysłem i wyceną.