Route Libre
Dès 500 €
Étude de cas · Auto-école
Route Libre
Permis B & moto, prix nets, dates rapides
Tunnel d’inscription pensé SERP locale + mobile — pas une brochure.
Scroll l’histoire · puis les pages live ↓
- Tunnel
- CTA inscription prioritaire
- Confiance
- Cash vs CPF séparés
- Leads
- B / moto / code pré-choisis
01 · Problème
5 fiches Google, un seul critère : le prix
Sans site clair, le candidat appelle pour « c’est combien ? » — le secrétariat devient un FAQ.
02 · Approche
Une page = une décision
Hero → packs → tarifs → agences → inscription. Chaque écran a un job, zéro carousel.
03 · Stack
Next.js, perf et SEO local
Next.js, TypeScript, Tailwind, images optimisées. Démo Vercel noindex — préprod client.
04 · Résultat
Inscription mobile en ~2 min
Prix visibles, CPF / cash séparés, leads déjà orientés B · moto · code.
À retenir
- →Répondre prix · lieu · prochain pas avant le téléphone.
- →Le tableau tarifs convertit plus que le hero.
- →Stack simple = itérer vite sans tuer la perf.
890 €Offre 500 €
Fiche technique
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- next/image
- Framer Motion
- Déploiement
Vercel — démo sous-domaine, noindex, CDN global
- Rôle
Conception technique · UI · développement fullstack · SEO de base
- Conditions
Auto-école démo — packs, tarifs, agences IDF, inscription
06 · Dans le produit
Chaque chapitre = une page. Zoom → zones → dézoom → page suivante.
Chapitre page · 01 / 06
Page accueil
On commence sur l’accueil — la vitrine qui convertit
C’est la première impression : marque, promesse, preuve visuelle et CTA. Si cette page rate, le reste du site ne rattrape presque jamais le lead.
Job de cette page : Intention claire dès l’entrée — le visiteur sait quoi faire ensuite.
Scroll ↓ · zoom sur 6 zones
Bondy · Créteil · Saint-Denis · lun–sam 9h–19h
01 84 80 12 40Île-de-France · depuis 2011
Passe ton permis.Sans le flou.
Forfaits nets dès 999 € TTC, CPF monté au secrétariat, places d’examen dès mi-août. Appelez Mme Diallo ou inscrivez-vous en 2 minutes.
Prochain examen B · 18 août Créteil · 4 places
Trois façons de commencer
Toutes les offres →Prochaines places
Bloquées 48 h après inscription · MAJ 08:40
On t’attend
Formulaire démo — aucun paiement. En prod, Karim ou Nadia te rappellent sous 2 h.
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 02 / 06
Page offres
Changement de page : les offres
L’accueil accroche. La page offres détaille chaque piste pour que le candidat choisisse sans appeler.
Job de cette page : Moins d’appels « info » — plus d’inscriptions démarrées.
Scroll ↓ · zoom sur 1 zones
Bondy · Créteil · Saint-Denis · lun–sam 9h–19h
01 84 80 12 40Offres
Voiture, moto, code — Karim (B), Nadia (A2), salle code au 1er à Bondy.
Permis B
Voiture · boîte manuelle ou auto · forfait CPF ou accéléré. Conduite dès 17 ans avec conduite accompagnée.
20 ou 30 h · examen à Créteil / Bobigny
Choisir ce parcours
Permis A2 / A
Moto 35 kW (A2) puis passerelle A. Plateau + circulation · casque & gants prêtés le jour de l’examen.
12 h minimum · Saint-Denis & Bondy
Choisir ce parcoursCode en salle + e-learning
Séances Bondy lun–sam · accès web 24/7 · suivi enseignant. Pack seul ou inclus dans B / A2.
29,90 €/mois ou inclus pack
Choisir ce parcours
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 03 / 06
Page tarifs
Changement de page : la grille tarifaire
Ici on écrit noir sur blanc ce qui sera facturé. C’est la page anti-litige et anti-« c’est combien ? ».
Job de cette page : Confiance prix — conversion plus nette vers le formulaire.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 04 / 06
Page CPF
Changement de page : payer en CPF
Le CPF fait peur (paperasse). Une page dédiée démystifie le parcours et débloque des dossiers chauds.
Job de cette page : Plus de dossiers CPF démarrés — panier moyen plus élevé.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 05 / 06
Page avis
Changement de page : la preuve sociale
Avant le dernier clic, le prospect cherche des preuves locales. Cette page rassure là où Google Maps ne suffit pas.
Job de cette page : Hausse du taux de finalisation — surtout sur le premier passage.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 06 / 06
Page inscription
Changement de page : démarrer le dossier
C’est l’objectif métier. Formulaire court, mobile-first — tout le site poussait vers ici.
Job de cette page : Volume de leads qualifiés — le secrétariat rappelle avec le bon script.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Didacticiel terminé
Ouvre maintenant le site live et clique librement.
07 · Route Libre
Voir le projet et le tester
La vitrine tourne comme chez un vrai client : pages, formulaires, panier le cas échéant. Tu peux aussi demander l’achat clé en main.