YoungChild

Portfolio réalisateurDesign, Dev & CMS2026

Le portfolio d'un réalisateur repensé comme une bobine : plus de vidéo, moins de scroll, et un back-office sur mesure pour qu'il gère ses projets en un clic.

Client
Enzo (YoungChild), réalisateur
Rôle
Design, développement & CMS, en solo
Année
2026

Le contexte

Enzo est réalisateur, clips musicaux aujourd'hui, et de plus en plus de publicités. Son ancien site, monté sur un outil no-code (type Canva), était trop statique : peu de vidéo, une UX à rallonge (scroll interminable) et un rendu qui ne reflétait pas la qualité de son travail, bref, un site qui le desservait face aux prods. Objectif : une vitrine cinématographique, dynamique et convaincante, qu'il puisse faire évoluer seul.

Le défi

Donner à un réalisateur une vitrine à la hauteur de ses images, dynamique, pleine de vidéo et rapide, tout en le rendant autonome sur ses contenus.

La réponse

Un front Next.js cinématographique (vidéo partout, navigation resserrée) doublé d'un CMS Payload sur mesure : Enzo ajoute, modifie ou supprime un projet en un clic, sans toucher au code.

Le process

01

Benchmark

J'ai démarré par un benchmark inspirationnel et concurrentiel de sites de réalisateurs, pour cerner les codes du milieu et repérer où on pouvait se démarquer.

02

Wireframe

J'ai posé l'architecture et les fonctionnalités en wireframe, validées avec Enzo avant toute production. On s'accorde sur le fond avant de travailler la forme.

03

MVP

J'ai développé une première version fonctionnelle (design + front + CMS) pour qu'il la manipule concrètement, plutôt que de juger sur une maquette figée.

04

Itérations & livraison

Allers-retours sur le MVP jusqu'à la version finale : ajustements UX, intégration vidéo et prise en main du back-office.

Direction artistique & choix

Le cinéma comme parti pris

Enzo passe des clips aux publicités, vers des projets plus « film ». J'ai poussé une direction cinématographique, vidéo plein écran, transitions fondues, interface qui s'efface, pour que le site parle déjà le langage de ses futurs clients, pas seulement de ses projets actuels.

Payload + vibe coding plutôt que no-code

Le no-code était justement ce qui bridait son ancien site. J'ai développé en Next.js + Payload, assisté par Claude Code : ~3 jours pour un résultat sur mesure, rapide et évolutif, là où Webflow m'aurait pris deux semaines minimum.

L'UX malgré la vidéo

Le vrai défi technique : garder une expérience fluide tout en gérant des flux vidéo lourds. J'ai resserré la navigation (fini le scroll à rallonge) et optimisé la lecture pour que le contenu prime, sans jamais que ça rame.

Comprendre, pas juste générer

C'était mon premier CMS : je demande systématiquement à l'IA d'expliquer ce qu'elle code. Résultat, je maîtrise ce qui est livré, je peux entrer dans le code pour débugger moi-même si besoin, et le projet reste maintenable. Le vibe coding accélère, il ne remplace pas la compréhension.

Ce que j'ai livré

  • Benchmark & wireframes validés
  • Direction artistique cinématographique
  • Front Next.js immersif (vidéo, transitions, lecture optimisée)
  • Back-office Payload sur mesure (projets, médias, réglages)
  • Mise en ligne, domaine & déploiement
  • Design, développement & maintenance de A à Z

Le site en images

YoungChild, visuel 1
YoungChild, visuel 2
YoungChild, visuel 3
YoungChild, visuel 4
YoungChild, visuel 5
YoungChild, visuel 6
YoungChild, visuel 7

Résultats

A → ZDesign, développement & CMS, en solo
~3 jDéveloppement assisté par IA (vs ~2 sem. en no-code)
PayloadCMS sur mesure, gestion des projets en 1 clic

Un projet similaire en tête ?

Me contacter

Projet suivant

Fundly