Maison Ozaé réunit Fabrice LABIT, photographe, et Grégory CAUZOT, vidéaste, autour de la photographie et du film de mariage, en France comme à l'étranger. Leur besoin : un portfolio qui montre leurs reportages en grand, se charge vite sur un téléphone et parle aussi bien aux couples francophones qu'aux couples anglophones. J'ai conçu et développé leur site, maisonozae.eu, en deux temps.
En images
Le projet en détail
La première version, mise en ligne en juillet 2025, était une application Vite et React exportée en statique : une page par reportage, une galerie en maçonnerie, un formulaire de contact. Au fil des mois, j'y ai ajouté la vidéo d'accueil, les films intégrés à la grille des reportages et des galeries photo pour les mariages sans vidéo.
En septembre 2026, j'ai refait le site sur TanStack Start en prérendu statique, servi par nginx. Chaque page existe en français et en anglais, avec des adresses traduites, et la racine du site envoie le visiteur vers la langue de son navigateur. Le site compte 59 pages prérendues : une vingtaine de reportages, une page par membre du duo, une page de prestations et des pages légales qui nomment l'hébergeur et chaque prestataire depuis une source unique. Le formulaire de contact passe par une petite API FastAPI qui relaie les messages vers Brevo, avec limitation de débit. Cette version est en ligne depuis septembre 2026, et les adresses de la première sont redirigées vers leur équivalent traduit.
Le sujet principal était la performance d'un site composé presque uniquement de photographies : près de 4 000 fichiers source. Au build, un script produit pour chaque image des variantes AVIF et WebP par largeur ainsi qu'une vignette floue. J'ai sorti ces vignettes du JavaScript envoyé au navigateur, corrigé un srcset qui dupliquait sa plus grande variante sur 566 images, chargé la police Adobe sans bloquer l'affichage et calculé quelles photos de la maçonnerie apparaissent en premier pour leur donner la priorité. Le score PageSpeed mobile de l'accueil est passé de 67 à 87, le profil bureau atteint 99, et le temps d'affichage simulé de la plus grande image est ramené à 3,4 secondes sur mobile, sans baisser la qualité des photos.
Le référencement suit la même logique : un titre et une description par page, des données structurées, un sitemap généré à partir des pages réellement construites et un fichier llms.txt pour les moteurs de réponse. C'est le type de refonte de site vitrine que je mène quand le contenu est lourd : le design reste celui du client, le travail porte sur ce que le visiteur et les moteurs reçoivent réellement.