Revenir aux réalisations

Kylian Roger

2026

Un portfolio sur-mesure pour Kylian Roger, avec un mode light and dark, une entrée immersive à photos superposées, des animations sur-mesure et une logique de scroll distincte pour chacune des trois disciplines présentées : photographie, motion, direction artistique.

Kylian Roger, realisation MuratDesigns
Voir le site en live
Voir le site
31
pages conçues
1
mode clair et sombre
3
logiques de scroll sur-mesure
Voir le site
v
voir
le site
Kylian Roger, page d'accueil
en bref

Le client

Kylian Roger, artiste pluridisciplinaire entre photographie, motion et direction artistique, avec Ford Bronco et Cadillac au générique.

Le besoin

Valoriser chaque discipline avec sa propre logique de présentation, sans diluer l'ensemble dans un compromis générique.

Ce qu'on a fait

Portfolio sur-mesure : mode light and dark, entrée immersive à photos superposées, animations sur-mesure, trois logiques de scroll distinctes.

Le résultat

Le travail de Kylian Roger est porté avec la précision qu'il mérite, sans qu'une seule discipline n'écrase les deux autres.

Kylian Roger
le point de départ

Le portfolio devait couvrir trois pratiques : photographie automobile, direction artistique et motion, entre commercial premium et projet personnel, à l'international.

La commande exigeait la fidélité à une direction artistique déjà posée, noir et blanc minéral, et un niveau d'animation rare pour un portfolio.

Le portfolio devait couvrir trois pratiques à la fois : la photographie automobile et lifestyle, la direction artistique et le motion. Les collaborations traversent le commercial premium (Ford Bronco, Cadillac Optiq, Nissan Nismo) et le projet personnel exploratoire (Freedive Kaş), à l'international, avec des rendus qui vont du studio à la plongée en apnée.

La commande exigeait la fidélité absolue à une direction artistique déjà posée, noir et blanc minéral, photographies puissantes, retenue absolue, et un niveau d'animation rare pour un site portfolio, sans jamais que la mise en scène ne prenne le pas sur les images elles-mêmes.

Kylian Roger, version mobile
ce qu'on a construit
Pictogramme

Une intégration fidèle à la direction artistique de Kylian

La direction artistique de Kylian préexistait : noir et blanc minéral, photographies puissantes, retenue absolue. Le site n'a pas cherché à imposer un univers parallèle, il a cherché à donner à cette direction la traduction digitale qu'elle méritait. Une fidélité qui valorise le travail au lieu de l'écraser.

01/04
Kylian Roger, direction artistique
ce qu'on a construit
Pictogramme

Un mode light and dark assumé pour valoriser les photos différemment

Chaque photographie ne rend pas de la même manière selon le fond sur lequel elle est exposée. Le mode light met en valeur les images claires et atmosphériques, le mode dark sublime les images nocturnes et contrastées. Le visiteur choisit son lisible selon le travail qu'il découvre.

02/04
Kylian Roger, mode clair et sombre
ce qu'on a construit
Pictogramme

Une entrée immersive avec photos qui se superposent

Le hero ne se contente pas d'une photographie d'introduction. Plusieurs images se superposent et se révèlent au scroll, dans une mécanique qui plonge immédiatement le visiteur dans l'univers visuel. Une entrée qui fonctionne comme une vraie première impression artistique.

03/04
Kylian Roger, entrée immersive
ce qu'on a construit
Pictogramme

Trois disciplines, trois logiques de présentation distinctes

Photography, art direction et motion ne se présentent pas de la même manière. Le site assume cette différence : carousels horizontaux pour la photographie, narration éditoriale pour la direction artistique, stack vertical avec player attribué pour le motion. Chaque discipline a sa logique de scroll propre.

04/04
Kylian Roger, trois disciplines
ce qu'on a construit

05/05
Kylian Roger, pages du site
Kylian Roger, page contact
les outils du projet
Notion

Notion

Le sitemap, les idées et les textes, posés à plat avant la maquette.

notion

Figma

Figma

Les maquettes, validées écran par écran avant le code.

figma

Webflow

Webflow

Le site, son CMS et sa mise en ligne.

webflow

ce que ça a changé

Le mode light and dark valorise chaque photographie selon son atmosphère, et chacune des trois disciplines garde sa propre logique de scroll et de narration. Un site qui sait se taire pour laisser parler les images.

Le mode light and dark valorise chaque photographie selon son atmosphère, le mode clair pour les images atmosphériques, le mode sombre pour les images nocturnes et contrastées. L'entrée immersive plonge dans l'univers visuel dès la première seconde, et chacune des trois disciplines dispose de sa propre logique de scroll : carousels horizontaux pour la photographie, narration éditoriale pour la direction artistique, stack vertical pour le motion. Un site qui sait se taire pour laisser parler les images.

Voir le site
Mascotte MuratDesigns assise