Le site d’un photographe de sport
Le photographe couvre le sport : CAN, Six Nations, Diamond League. Ses photos sont souvent sombres et toutes en portrait. Son site devait les faire défiler sans fin, sans jamais les déformer.
- Livrable
- site en ligne, hébergement
- Rôle
- design du site, direction du développement, mise en ligne
- Ma part
- Je décide et je teste, Claude Code écrit le code.
- Client
- photographe de sport
- Équipe
- seul, avec Claude Code
- Durée
- 1 mois
- En ligne
- depuis octobre 2026
Contexte
« Le maître mot du site est fluidité et infini. » (le photographe, dans son brief)
Comment faire parcourir des centaines d’images sans jamais faire attendre le visiteur ?
Conception
Décisions
Le nom du projet, entre deux flèches
Le mot PROJECTS est devenu le nom du projet en cours : on sait où l’on est, et une flèche mène au voisin. La molette et le glissé restent aux photos.
Des noms lisibles sur toutes les photos
En négatif, les noms prenaient les couleurs de la photo : contraste mesuré, 1:1. Un voile plus sombre et un gris clair calculé donnent au moins 4,5:1. Les photos changent toujours en direct derrière.
La mosaïque vue au grand angle
La photo du centre domine, les autres rapetissent et s’assombrissent vers les bords, comme dans un objectif fish-eye. Deux cases visibles ne montrent jamais la même photo.
- La photo voyage d’une vue à l’autreAu zoom comme entre SERIES et ALL, elle part de sa place exacte et y revient : on ne perd jamais ce qu’on regardait.
- Une croix pour quitter le zoomÉchap et le nom du site le fermaient déjà, mais rien à l’écran ne l’indiquait. La croix, dessinée comme les flèches, marche aussi au clavier et au doigt.
- Une porte au bout de la sérieAvant que la série ne recommence, une case montre la première photo du projet suivant et son nom : un clic y entre. Les noms posés aux bords de l’écran, essayés d’abord, ont été écartés.
- Des collimateursSept cadres de mise au point, comme dans un viseur, montrent le chargement, la position dans la série et le projet choisi.
Bilan
Ce que j’en retiens
- Aucun rebondJ’ai écarté les mouvements qui dépassent leur cible : ils attiraient l’œil sur le mouvement, pas sur la photo.
- Le vrai téléphone a le dernier motUn écran noir n’apparaissait que sur iPhone. Un journal d’erreurs affiché sur le téléphone a permis d’en trouver la cause.
- Mesurer avant de trancherLe contraste sous chaque nom de l’index, le temps de chaque image au pincement sur la mosaïque : les réglages ont suivi des mesures, pas l’œil seul.