project / 01EN PRODUCTION

Samey

Montrer le travail d'un photographe sans le noyer : les images dictent la mise en page, et le site vit sur son propre domaine.

Sameycover / samey

Overview

Un photographe d'événements avait besoin d'un site qui montre son travail sans le noyer.

Les images dictent la mise en page

Sept photographies sur sept étaient verticales sur certaines pages, posées dans des cadres à ratio fixe : des visages coupés partout. La galerie a été refaite en planche contact — chaque image garde son format, maçonnerie sur une grille de 8 px, aucune photographie rognée ni agrandie. Les 153 images portent un texte alternatif écrit d'après l'image, pas généré.

Un site que le client peut reprendre

La maquette a été portée en composants natifs plutôt qu'en code figé : le contenu reste modifiable par le photographe lui-même. Le mouvement est écrit au GSAP et se coupe entièrement sous prefers-reduced-motion.

Le référencement écrit dans le thème

Pas d'extension : titres et descriptions par page, Open Graph, et des données structurées LocalBusiness + Person. Résultat mesuré au Lighthouse : 100 en accessibilité, 100 en bonnes pratiques, 100 en référencement.

De bout en bout

Domaine enregistré, DNS, certificat, migration de la base et des médias, bascule d'URL, et les enregistrements SPF, DKIM et DMARC qui font qu'une demande client arrive en boîte de réception et non dans les indésirables — vérifié, pas supposé.

What I built

100 en accessibilité, en bonnes pratiques et en référencement (Lighthouse, mobile)
Neuf pages, 153 photographies avec un texte alternatif écrit d'après l'image
Formulaire de contact branché de bout en bout : piège à robots, limite par adresse IP, arrivée en boîte de réception vérifiée
Défilement animé au GSAP, coupé sous prefers-reduced-motion
Domaine, hébergement, DNS, certificat et mise en ligne menés du début à la fin
// gallery
L'accueil de samey.fr : le héros et la planche de photographiesL'accueil de samey.fr : le héros et la planche de photographies