Nicolas Andry.
Un site Next.js sur mesure connecté à Sanity CMS, où Nicolas compose lui-même ses pages, projets et événements, sans intervention d'un développeur.
- 01 Overviewp. 02
- 02 Briefp. 04
- 03 Approachp. 06
- 04 Visual systemp. 08
- 05 Selected screensp. 10
- 06 Voicep. 12
- 07 Outcomep. 14
Nicolas Andry est un photographe basé à Bruxelles qui documente la culture, l'architecture et les rituels contemporains. Son portfolio précédent imposait à chaque nouvelle série un format figé. Notre brief : transformer le site en un outil éditorial où chaque projet peut respirer à son propre rythme et que Nicolas puisse manipuler sans nous.
Challenge
Les formats imposés par les portfolios existants empêchaient Nicolas de jouer avec le rythme chaque série méritait son propre tempo, ses propres respirations, sa propre échelle.
L'ancien CMS exigeait un développeur pour publier une nouvelle exposition. Le délai entre le tirage et la mise en ligne s'était étiré sur des semaines, freinant la circulation du travail.
L'objectif : un environnement où Nicolas compose lui-même ses pages, mais où la cohérence visuelle de la marque reste tenue par le système.
Constraints
- 01Total contrôle éditorial : aucune dépendance à un développeur pour publier.
- 02Bilingue FR / EN avec routage par locale et contenu partagé.
- 03Conservation native des fichiers RAW haute définition jusqu'à l'écran.
- 04Performance mobile : 70% du trafic vient d'Instagram et d'Apple Mail.
- 05Esthétique tenue par un design system étanche, sans dérive.
Nous avons traité le site comme un objet imprimé en évolution. Chaque page est une suite de sections réutilisables que Nicolas assemble lui-même : images plein écran, diptyques, blocs de texte, vidéo, listes d'événements.
Côté contenu, un schéma Sanity pensé comme un éditeur de mise en page : chaque section est un block réutilisable, ordonné, dupliqué en quelques clics.
Côté motion, une grammaire scroll-driven discrète : masques clip-path qui dévoilent les images, transitions de page en rideau, et système de cache pour préserver la lecture lente.
Discovery
Audit du portfolio précédent, atelier éditorial, scan concurrentiel sur 14 photographes européens.
Système
Tokens design, échelle typographique, schéma Sanity, expérience éditeur calée sur ses gestes.
Build
Front-end Next.js, ISR sur les pages séries, pipeline image AVIF + blur, transitions GSAP.
Launch
Migration SEO, configuration GA4 + Plausible, formation Sanity, documentation interne.
A grounded, natural palette built around contrast and warmth. The palette stays consistent across digital and print, so the brand feels the same at every scale.
“Le site est enfin devenu un outil. Je publie une série le matin, je la diffuse l'après-midi sans appeler personne.”
Concrete numbers from the first quarter post-launch. Photography first, copy second — and a CMS the team owns.
