Ce que voit le visiteur est rendu par le serveur, en HTML, avec le strict nécessaire en JavaScript. Pas de page blanche pendant le chargement, pas de mégaoctets à télécharger avant de lire une phrase.
L'accueil du site public
La page d'accueil telle qu'un visiteur la découvre : le carrousel d'en-tête, puis les sections composées dans la grille.
Ce site tourne sur Aurora
app.axelraboit.fr n'est pas une vitrine construite à côté du produit : c'est Aurora en production. L'accueil, les pages de services, le portfolio, la galerie photo et ce tour sont tous composés dans son administration et servis par ce même moteur, sur mon propre serveur. Ce que décrit cette page, vous êtes en train de l'utiliser.
Une page de formation : image et texte en alternance
L'accroche, puis image et texte en alternance, composés dans l'administration sans une ligne de code. La page est posée sur une grille : chaque zone dit sa largeur par taille d'écran, et la page tient sur téléphone.
Un conseil : l'essentiel en chiffres
La grande image, l'essentiel en quelques lignes, ses chiffres et la citation d'une formatrice. Les images sont servies en plusieurs tailles, en WebP selon l'écran, avec le nom du photographe quand la photo en demande un.
La visionneuse des galeries
Une galerie s'ouvre dans une visionneuse : la photo en plein écran, les flèches et le compteur. Elle se mène au clavier comme au doigt, avec le glissement sur téléphone.
Sur téléphone : une colonne
L'accueil, une formation et un conseil, côte à côte sur téléphone. Les mêmes pages tiennent en une colonne, avec un menu replié et des images à la bonne taille.
La page de contact : trois champs
La page de contact du site public tient en trois champs : le nom, l'e-mail et le message, tels que le visiteur les voit. Ce qu'il envoie arrive dans l'administration.
Ce que le site fait aussi
- Des pages servies rapidement, mises en cache selon la date de leur contenu.
- Un en-tête simple ou en carrousel, réglé page par page.
- Cinq langues (français, anglais, espagnol, allemand, néerlandais), chaque page traduite avec sa propre adresse.
- Un espace personnel quand le site en a besoin : inscription, connexion, profil.