Aller au contenu principal

LUMEN — Studio de design & direction artistique

Studio de design & direction artistique

Site d'un studio de direction artistique : six travaux en index plutôt qu'en grille, la méthode présentée avant les prestations, et aucune image recadrée.

2026-05
  • Design UI/UX
  • Direction artistique web
  • Développement frontend
  • Motion design
Next.jsTypeScriptTailwind CSSGSAPVercel
Aperçu de LUMEN — Studio de design & direction artistique
  1. 01

    Six travaux en index, l'image révélée au survol du titre

  2. 02

    La méthode de travail présentée avant les prestations

  3. 03

    Aucune image recadrée : chaque visuel gardé dans sa proportion d'origine

Le brief

Un studio de direction artistique qui vend son œil. Sur ce terrain, le site n'est pas un support de vente : c'est la première pièce du portfolio. S'il est banal, il annule le discours.

Le studio revendique quatre domaines — identité, direction artistique, motion et son, web interactif — et six travaux. Le risque était de tout empiler.

Les contraintes

  • Le site est jugé avant les projets. Une maladresse de mise en page et le visiteur n'ouvre plus rien.
  • Six travaux, quatre disciplines : assez pour saturer une page d'accueil.
  • Aucune image ne doit être recadrée : chez un directeur artistique, un cadrage abîmé est une faute professionnelle.

Les décisions

Un index, pas une galerie.

Les six travaux sont une liste, pas une grille de vignettes. Le titre porte, l'image se révèle au survol. Le visiteur parcourt d'abord des noms — Halo, Terrain Vague, Onde, Sédiment, Cinabre, Veine — et choisit. Une grille de six images impose six décisions simultanées ; une liste en impose une à la fois.

L'approche avant les services.

La page dit comment le studio travaille avant de dire ce qu'il vend. Sur une prestation créative, la méthode est le produit : un client qui achète une identité achète surtout une manière de décider. Les quatre disciplines arrivent ensuite, comme des conséquences.

La contrainte présentée comme matériau.

Le discours du studio assume que la contrainte fait le travail, et le site le met en scène : une seule famille typographique, aucune couleur d'accent hors des visuels, une seule largeur de colonne. Le site démontre la thèse qu'il énonce.

Le résultat

Une page d'accueil qui tient en quatre mouvements — baseline, travaux, approche, services — et six études de cas accessibles en un geste. Aucune image recadrée : chaque visuel est servi dans sa proportion d'origine.

Ce que je referais autrement

Le survol porte toute la découverte des projets. Sur mobile, il n'existe pas — l'index y devient une liste de titres sans images. Je concevrais la version tactile en premier, avec une planche visible par projet, et je garderais le survol comme un raffinement de bureau.

PULSE