VITON¹³ SCHOOL : une page de cours sereine en cinq langues, avec une leçon en direct sur la photo d’un ordinateur

VITON¹³ SCHOOL est l’école en ligne de l’écosystème VITON¹³, à l’adresse school.viton13.com. Elle propose trois programmes appliqués — Intelligence artificielle, Design dans l’intelligence artificielle et SEO de site — facturés en roubles 1 300, 2 600 et 3 900 ₽.

L’école avait besoin d’une page d’accueil qui présente trois cours et une méthode sans hausser le ton, montre à quoi ressemble une leçon avant tout paiement et donne les mêmes informations en anglais, russe, espagnol, français et hindi.

Une page d’accueil en cinq éditions : l’anglais sans préfixe, puis /ru, /es, /fr et /hi, reliées par hreflang. La page se déroule comme une séquence : un premier écran avec un bandeau des treize compétences de l’école, trois vitrines de cours séparées par une carte manifeste, des compteurs, des cartes de cours avec prix et boutons de paiement, la méthode en quatre étapes, un planificateur de cours en trois questions, l’admission, les actualités, les guides, les questions fréquentes et un formulaire de liste d’attente.

Le style suit celui des sites produits d’IA les plus sobres, comme sanalabs.com : une seule linéale, Inter Tight, surtout en graisse 400, des boutons noirs en forme de pilule, de larges aplats gris et une grande nature morte par cours. Les six photographies ont été générées pour l’école avec GPT Image 2.5 dans Higgsfield.

Dans la vitrine Intelligence artificielle, l’écran de l’ordinateur ne fait pas partie de l’image : nous avons mesuré sa position sur un original sur fond vert et y avons posé une leçon HTML vivante, avec la liste des modules, l’étape en cours, une ligne pour interroger le mentor et une barre de progression. Quatre onglets changent ce que montre l’écran ; ils avancent toutes les 6,5 secondes tant que la section est visible, s’arrêtent dès que le visiteur en choisit un et restent immobiles si le système demande moins d’animations. Les vitrines design et SEO montrent le même type d’étape sur un panneau flottant.

La page fait partie de l’application Next.js de VITON¹³ et dispose de son propre sous-domaine. Les noms, prix et modules des cours viennent d’un seul fichier de données : compteurs, cartes, menus et pied de page lisent les mêmes chiffres ; les prix sont formatés pour chaque langue, et les mentions précisent que rien n’est débité avant que l’école ait confirmé un démarrage avec l’élève.

La page est en ligne sur school.viton13.com. Le 27 septembre 2026, les cinq éditions répondaient avec le code 200 et le plan du site de l’école listait 30 URL : dans chaque langue, la page d’accueil, les actualités, l’index des guides et trois guides. Nous avons rendu les 30 pages à 390 px : chacune a un seul H1, une URL canonique vers elle-même, des hreflang vers les cinq éditions et x-default, et Open Graph ; aucune ne défile horizontalement, et 30 cibles de liens internes ont répondu sans erreur.

Le même jour, nous avons lancé Lighthouse 13.4 trois fois sur la page d’accueil pour chaque format. Sur un mobile simulé, la performance a été de 87, 93 et 93, avec le plus grand élément affiché à 3,1 s lors de la mesure médiane, 21 ms de temps de blocage total et aucun décalage de mise en page. Sur ordinateur, la performance a été de 100 à chaque mesure et le plus grand élément est apparu à 0,8 s. Accessibilité 97, bonnes pratiques 100 et SEO 100 sur les deux ; la page entière, photos comprises, pèse environ 0,8 Mo sur mobile et 1,0 Mo sur ordinateur.

C’est l’école de VITON¹³, pas un projet client. L’étude montre comment la page est construite et à quelle vitesse elle se charge, pas comment elle fonctionne auprès des élèves : nous ne donnons aucune inscription, aucun ajout à la liste d’attente, aucune vente ni aucun trafic.

Les photographies sont générées par IA et mises en scène : personne n’y est élève, enseignant ou client de VITON¹³, et la leçon à l’écran est un exemple, pas le travail d’un élève. Sur la page, les images ont un texte alternatif descriptif mais pas encore de mention IA visible, d’où cette précision ici ; les cartes de guides plus bas utilisent des photographies Unsplash sous licence. Lighthouse est un test de laboratoire mené depuis un MacBook sur une seule journée, pas une mesure de terrain auprès de vrais visiteurs, et la mise en page suit un genre établi par le site produit d’une autre entreprise ; les textes, les photos et le code sont les nôtres.

Comment vérifier le portfolio d’une agence web →