Cap Nord
Dès 500 €

Étude de cas · Auto-école
Cap Nord
Permis B & A2 — packs nets, CPF au bureau
Même métier que Route Libre, autre peau — dark cuivre, inscription courte.
Scroll l’histoire · puis les pages live ↓
- Tunnel
- Inscription en 3 champs
- Confiance
- Prix TTC avant le dossier
- SEO
- Visibilité Seine-Saint-Denis
01 · Problème
Flou tarifaire = appels « c’est combien ? »
Sans packs TTC visibles, le candidat compare Maps et rappelle le premier qui décroche.

02 · Approche
Inscription en 3 champs, prix avant le dossier
Hero autoritaire → formules → CPF clair → contact. Tunnel serré pour Seine-Saint-Denis.

03 · Stack
Même socle Next.js, autre direction UI
Next.js, TypeScript, Tailwind, images optimisées. Démo Vercel noindex — préprod client.

04 · Résultat
Moins de friction, plus d’inscriptions démarrées
Prix TTC avant le dossier, formulaire court, SEO local assumé.

À retenir
- →Afficher le TTC tue l’appel « juste une info ».
- →Une peau différente prouve qu’un secteur n’a pas qu’un look.
- →3 champs > formulaire dossier complet sur le web.
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 TTC, CPF, inscription courte
06 · Dans le produit
Chaque chapitre = une page. Zoom → zones → dézoom → page suivante.
Chapitre page · 01 / 05
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
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 / 05
Page formations
Changement de page : les formations
Chaque filière a besoin de son propre argumentaire. Une page dédiée évite le catalogue indigeste sur l’accueil.
Job de cette page : Meilleure orientation — dossiers déjà tagués B / moto / code.
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 · 03 / 05
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 / 05
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 · 05 / 05
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 · Cap Nord
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.
