DetailPro
Opis projektu
Pełen ekosystem cyfrowy dla mobilnej firmy detailingowej — strona marketingowa, kalkulator wyceny, 20+ artykułów SEO na blogu i panel admina React do zarządzania klientami i zleceniami.
Wyzwanie
DetailPro — mobilna firma detailingowa, którą współprowadzę — potrzebowała kompletnej obecności cyfrowej zbudowanej od zera. Nie tylko landing page: pełen ekosystem obejmujący stronę marketingową, narzędzie do wyceny online, blog z treściami i wewnętrzny panel admina do codziennego prowadzenia biznesu.
Wyzwanie: zbudować to wszystko bez ciężkiego CMS-a — szybko ładujące, gotowe na SEO, wizualnie premium i dające się utrzymać przez osoby nieznające kodu. No i faktycznie to dostarczyć, bo sam też prowadzę ten biznes.
Rozwiązanie
Strona marketingowa to wielostronicowy serwis vanilla HTML/CSS/JS z własnym dark design systemem budowanym od zera. Hero zawiera obracające się logo 3D przez <model-viewer> — prawdziwy plik GLB, nie obrazek. Każda strona (usługi, portfolio, o nas, kontakt) stosuje ściśle 100vh grid bez scrolla, z wyjątkiem celowych miejsc.
Kalkulator wyceny (wycena.html) wysyła zgłoszenia formularza bezpośrednio do tabeli Supabase przez REST API — bez serwera backendowego. Leady trafiają do bazy danych w czasie rzeczywistym.
Blog pokrywa 20+ tematów pielęgnacji samochodów — czyszczenie alkantary, PPF, powłoki ceramiczne, detailing silnika — w pełni ustrukturyzowany pod SEO z meta tagami i semantycznym HTML. Pisany z myślą o ruchu organicznym.
Panel admina to osobna SPA React/Vite zbudowana pod /panel, obsługująca zarządzanie klientami, śledzenie zleceń i metryki biznesowe. Wdrożona obok głównej strony z routingiem catch-all w stylu Netlify.
