Tous les projetsClient Alivaon · 2026

Léandry PETNGA - Préparation mentale

Refonte du site d'un préparateur mental de footballeurs, pensée pour un seul objectif : faire réserver la séance diagnostic.

ContexteClient Alivaon

Année2026

Next.js 16React 19TypeScriptTailwind CSS 4MDXZodPlaywrightDocker

Problème

L'ancien site parlait à tout le monde - sportifs, entrepreneurs, particuliers - avec un vocabulaire de développement personnel, sans parcours clair vers une prise de contact.
Il fallait repositionner l'offre sur le football, changer de technologie sans perdre le référencement acquis, et préparer le terrain pour que le client puisse un jour modifier son contenu lui-même.

Stratégie avant le code : positionnement, personas et plan de chaque page, autour d'une promesse unique - l'écart entre l'entraînement et le match - devenue la signature visuelle du site.
Next.js 16 en App Router, Server Components par défaut et cache de composants ; tout le contenu (pages en sections typées, témoignages, FAQ, blog MDX) vit hors du code et est validé par des schémas Zod au build.
Couche d'accès au contenu isolée derrière une seule interface, mise en cache et revalidable : le passage à un back-office ou un CMS ne demandera de remplacer que trois fonctions de lecture.
Formulaire de réservation en Server Action, fonctionnel sans JavaScript, protégé par pot de miel, délai minimal et limitation de débit, avec envoi d'emails via Brevo.
SEO : métadonnées vérifiées au build, JSON-LD (ProfessionalService, FAQPage, BlogPosting, VideoObject…), images de partage générées, llms.txt et redirections 301 de toutes les anciennes URL.
Témoignages vidéo encodés et sous-titrés (transcription locale avec Whisper), visages des joueurs floutés sur les photos ; recette Playwright et image Docker prête pour un VPS.

Un site recentré sur un seul parcours, du premier écran à la réservation, lisible d'abord sur mobile.
Scores Lighthouse mobile de 95 à 98 en performance et 100 en accessibilité, bonnes pratiques et SEO sur toutes les pages mesurées.
Une recette automatisée qui vérifie le parcours mobile, toutes les pages, toutes les redirections et l'absence de liens cassés.

Travel App