Studio · montage · Pages réalisations
Filmstrip
Montages et bandes-annonces
Scroll pour découvrir ↓
01 · Studio · montage
Un reel qu’on joue vraiment
Studio cinéma — reel, chapitres, sélection.
- 01
Chapitres
Teaser, interview, cutdown — saute d’une piste à l’autre.
- 02
Lecture
Play / pause + barre de progression.
- 03
Rythme
Le montage se sent, pas juste une grille de posters.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- next/image
- Déploiement
Démo portfolio — rendu front, assets optimisés
- Rôle
Direction artistique · intégration · motion
- Conditions
Pièce studio — direction visuelle & craft UI
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Studio · montage
Chapitres
Teaser, interview, cutdown — saute d’une piste à l’autre.
Lecture — Play / pause + barre de progression.
Réalisateurs & marques
Le portfolio bouge enfin
“Les clients jouent le teaser avant de scroller.”
Lance le player
Chapitres fictifs · contrôle local.
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Réalisateurs & marques
Le portfolio bouge enfin
“Les clients jouent le teaser avant de scroller.”
“On présente trois cutdowns sans ouvrir Premiere.”
04 · Reel
Lance le player
Chapitres fictifs · contrôle local.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)