Přehled prací
// Důvěra a přátelství

Autoškola Třinec

Osobní přístup zaslouží osobní web.

Majitel autoškoly staví na přátelství a otevřenosti. Starý web to ale vůbec neodrážel. Postavili jsme tmavý portál s oranžovými akcenty, který už na první pohled říká: tady to berou lidsky.

0.6sRychlost načtení
100%Funkční formuláře
Živé mapy
GSAPCustom interakce
Původní statický vzhled
Původní nelogický stav
// 01. Výzva

Ztraceni
v čase.

Reklamní prokliky vedly do slepé uličky. Registrační formulář neodesílal. Ceník neodpovídal realitě a obsahoval tlačítka typu „slevy", která nikam nevedla. Galerie zůstala v roce 2018.

„Jsme přátelská autoškola, ale z toho webu to vůbec nešlo poznat. Formulář nefungoval, ceník byl špatně a celkově to působilo, jako bychom to vzdali.“

// 02. OW. Řešení

Otevřenost
a moderní design.

Plná kontrola nad vizuálem. Tmavé pozadí, oranžové akcenty reagující na kurzor, dvě živé Google mapy obou poboček a video z jízd přímo v hero sekci. Protože přátelský přístup musíte vidět, ne o něm číst.

  • =>
    Živé mapy pobočekObě lokality mají vlastní interaktivní Google mapu, takže student okamžitě vidí, kam jede.
  • =>
    Cursor Glow efektOranžové podsvícení sleduje pohyb myši a zvýrazňuje klíčové sekce jako filozofii a registraci.
  • =>
    Funkční registraceJeden formulář, serverless zpracování na pozadí. Odesláno = doručeno.
Autoškola Třinec web design
Nový Registrace Autoškola Třinec
// 03. Pod kapotou

Technologické
zázemí.

React + Vite pro rychlý build, Tailwind pro konzistentní layout, GSAP pro plynulé animace a custom glow efekty. Registrace odesílá serverless služba bez vlastního backendu.

React + ViteTailwind CSSServerless FormsGSAP AnimationsCursor Glow EffectGoogle Maps API
src/components/GlowEffect.jsx
import { useEffect } from 'react';

export default function GlowEffect() {
  useEffect(() => {
    window.addEventListener('mousemove', (e) => {
      document.body.style.setProperty('--x', e.clientX + 'px');
      document.body.style.setProperty('--y', e.clientY + 'px');
    });
  }, []);

  return <div className="glow-pointer"  />;
}

Váš další krok
k dominanci.

Přestaňte generovat průměrnost a dělat křoví konkurenci. Odstartujte s námi výstavbu autoritativního zážitku ještě dnes.