Kasatelnaya : landing page d’une école de maths en ligne avec réservation d’un cours d’essai
Projet de démonstration : la landing page d’une école en ligne pour les élèves de la 7e à la 11e année, avec programmes de préparation aux examens, enseignants, exemple de bilan de progression pour les parents, tarifs, FAQ et un formulaire de réservation fonctionnel avec choix du programme, du jour et de l’heure.
- 100
- Lighthouse, ordinateur
- 7 Ko
- JavaScript, gzip
- 0
- violation axe-core
La tâche
Montrer une landing page qui explique le service en une minute et mène jusqu’à la réservation, sans modèle tout fait, sans photos de banque d’images ni avis inventés.
Ce que j’ai fait
- Un graphique interactif de f(x) = sin x + x/3 : la tangente suit le curseur et recalcule son équation
- Formulaire de réservation : programme → jour → heure → coordonnées, masque de saisie du téléphone, validation des champs, consentement
- Aucun framework : le site entier pèse 117 Ko en gzip, le JavaScript 7 Ko
- Accessibilité : zéro violation axe-core à 1440 et 390 px de large
Preuves
- Lighthouse 12.8, ordinateur : 100 / 100 / 100 / 100 ; mobile : 99 / 100 / 100 / 100 (serveur local sans gzip)
- La démo en ligne s’ouvre via le lien ci-dessus
Ce que vous pouvez aussi me confier
- Une landing page pour un service ou une formation, avec formulaire de réservation
- Un site catalogue : réalisations ou produits par rubrique, chacun avec sa page et un formulaire de commande
- Terminer ou refaire un site commencé par quelqu’un d’autre
- Connecter les formulaires d’un site WordPress, Tilda ou Bitrix à un CRM et à Telegram
- Modèles d’e-mails HTML pour les envois depuis le CRM
- Accélérer un site, corriger la version mobile, réaliser un audit SEO