Étude de cas · 2026
Yannis Amielh
Portfolio · Mannequin Éditorial
Un portfolio haut de gamme pour un mannequin éditorial — pensé comme une expérience cinématographique. Objectif : convaincre agences et marques en quelques secondes et déclencher la prise de contact pour un booking.
Le contexte
Le client, et son point de départ.
Le client
Yannis Amielh est un mannequin basé entre Marseille et Paris (editorial, campagne, runway). Son univers mêle l'énergie Japon / manga / streetwear et l'art de vivre méditerranéen — une identité forte qu'aucune fiche d'agence standard ne pouvait restituer.
Le problème
Dans le mannequinat, les directeurs de casting décident en quelques secondes. Sans un site qui projette immédiatement une image premium et une vraie direction artistique, un profil se noie parmi des centaines de books génériques. Il fallait un objet web qui se démarque et inspire confiance instantanément.
Le parti pris design
La charte, en clair.
Palette
#121211
Nuit
#FF3D1F
Rouge manga
#E9A23B
Soleil méditerranéen
#F4F2EE
Craie
Typographie
Titres & corps
Editorial · Campagne · Runway
General Sans — Sans-serif éditoriale au caractère marqué — le book se lit comme un magazine de mode.
La solution
Ce qui a été conçu, et pourquoi.
Direction artistique signature
Base sombre cinématographique, typographie editorial, accents rouge manga et soleil méditerranéen. Le site raconte une identité, pas seulement une galerie de photos.
Expérience animée premium
Animations au scroll (GSAP + Lenis), transitions fluides, signature 3D temps réel. Chaque interaction renforce l'impression de soin et de haut de gamme.
Mise en valeur des visuels
Photos hi-res plein écran, catégories editorial / campagne / runway / lifestyle. Le book respire et chaque cliché est présenté comme une pièce de campagne.
Conversion vers le booking
Parcours orienté prise de contact : formulaire de booking, accès direct Instagram et coordonnées agence. La découverte mène naturellement à la demande.
Les détails qui comptent
Les choix d'interface.
Le design ne se juge pas qu'à la première image. Voici les décisions d'ergonomie qui font qu'on reste, qu'on comprend, et qu'on passe à l'action.
Une signature 3D temps réel
Un élément 3D dans le navigateur donne le ton « objet web » dès la première seconde — le book se démarque de centaines de fiches d’agence plates.
Un book rangé par registre
Categories editorial / campagne / runway / lifestyle : le directeur de casting trouve en un regard le registre qu’il cherche, sans scroller au hasard.
Pensé pouce d’abord
Les décideurs scrollent sur mobile : navigation au pouce, photos plein écran, contact accessible en permanence.
Aperçu du projet
Le rendu, en images.
La démarche
Comment on a travaillé.
Brief & cadrage
On commence par comprendre le métier, la cible et l'objectif business : qui doit convertir, sur quoi se joue la confiance, quels concurrents. Le périmètre et l'arborescence sont fixés avant la moindre ligne de code.
Direction artistique
Moodboard, palette, typographie et maquette du parcours — validés bloc par bloc. La DA est pensée pour le secteur et pour convertir, jamais un template générique revendu.
Développement sur-mesure
Intégration en Next.js + TypeScript + Tailwind, responsive pixel-perfect, animations et performances soignées. Code propre, statique quand c'est possible, zéro page lente.
SEO & contenu
Metadata, Open Graph, Schema.org, structure de contenu et maillage interne pensés pour le référencement dès le départ. Objectif Lighthouse SEO > 90.
Livraison & déploiement
Audit qualité et sécurité, déploiement sur Vercel, configuration du domaine + HTTPS, puis prise en main. Le site est livré prêt à performer.
Les résultats
Des chiffres, pas des promesses.
100%
photos originales hi-res
< 3s
pour saisir l'univers de marque
3D
signature temps réel dans le navigateur
Mobile
expérience pensée pouce d'abord
Technologies
La stack du projet
Projet suivant
Vives Reports
Site Éditorial · Guide Touristique Rome
Votre projet est le prochain
Un projet similaire ? Parlons-en.
Devis gratuit sous 24h, sans engagement.