Refonte d’un site web portfolio pour vidéaste de mariage

L’objectif n’était pas simplement de créer un beau portfolio — mais de concevoir une expérience digitale aussi cinématographique et émotionnelle que les films eux-mêmes.

Il fallait allier narration immersive, performance, clarté et UX pensée pour la conversion. Le site devait inspirer confiance, capter l’attention et guider les couples vers une prise de contact — tout en maintenant une excellence technique.

Objectifs principaux :

• Refléter le style du vidéaste avec un design centré sur le mouvement et une narration élégante
• Maximiser la visibilité des vidéos en les affichant dès la page d’accueil
• Générer des demandes grâce à un parcours utilisateur clair et fluide
• Maintenir des performances élevées malgré un contenu riche en vidéo et des intégrations tierces
• Garantir une base SEO solide avec un contenu structuré, des métadonnées et un code propre
• Offrir une expérience mobile fluide, rapide et optimisée pour la lecture vidéo tactile
• Ajouter une interactivité subtile (parallax, effet magnétique, animation de texte) pour renforcer l’engagement

Imaginez un vidéaste de mariage dont les films émeuvent aux larmes — mais dont le site web semblait figé dans le temps. La vidéo est son langage, et pourtant l’ancien site ressemblait davantage à une galerie statique qu’à une vitrine de cinéaste. Les vidéos étaient cachées derrière des clics, le design paraissait daté, et toute la charge émotionnelle de son travail disparaissait. Ce décalage n’était pas qu’esthétique — il nuisait à la conversion et ne reflétait pas la vraie valeur de la marque.

Ci-dessous, un aperçu de l’ancienne version du site avant la refonte.

Nous avons voulu changer cela en faisant du mouvement le cœur de l’expérience : une vidéo en boucle en haut de page, dix films visibles dès l’accueil, et plus aucun contenu caché derrière des clics.

Mais concevoir un site centré sur la vidéo, sans sacrifier les performances, est un vrai défi technique. L’intégration du lecteur Vimeo a complexifié les temps de chargement. Grâce à une utilisation stratégique de son API, du JavaScript sur mesure et une gestion fine des performances, nous avons livré une expérience cinématographique fluide — tout en obtenant d’excellents scores Lighthouse et Core Web Vitals.

Défis techniques relevés :

• Intégrer plus de 10 vidéos sans ralentir le site
• Maintenir des temps de chargement rapides malgré un contenu média lourd
• Optimiser le lecteur tiers de Vimeo pour de meilleures performances
• Implémenter des effets de mouvement : survol magnétique, défilement parallax et animation de texte — sans impacter les performances
• Préserver la visibilité SEO grâce à une structure technique propre
• Assurer des transitions fluides et des animations réactives sans décalage de mise en page

L’impact a été immédiat. Grâce à une UX cinématographique, une structure claire et une base technique solide, le site est aussi performant qu’esthétique — aussi bien pour les utilisateurs que dans les métriques.

Voici ce qui a changé :

• Un portfolio entièrement repensé, centré sur la vidéo et immédiatement captivant
• Une intégration Vimeo optimisée pour une lecture fluide
• D’excellents scores Lighthouse malgré un contenu visuel dense en page d’accueil
• Une structure SEO propre, prête pour une croissance durable du référencement
• Un site rapide, mobile-friendly, qui inspire confiance et invite à l’exploration

Le site reconstruit reflète désormais la profondeur émotionnelle et le style cinématographique du travail du vidéaste. Les visiteurs sont accueillis par du mouvement dès la première seconde — sans clic, sans attente, juste une vidéo immersive qui parle d’elle-même. L’expérience est premium, réfléchie et humaine — exactement ce que recherchent les couples pour capturer leur histoire.

Sur le plan technique, nous avons atteint d’excellents scores de performance malgré une utilisation intensive de la vidéo et des intégrations tierces. Les temps de chargement sont rapides, les interactions fluides, et la structure SEO est solide.

Mais surtout, le site devient un véritable outil de conversion — les demandes augmentent, le taux de rebond diminue, et la marque dispose enfin d’une présence digitale à la hauteur de la qualité de son travail.

Chiffres clés

• 2 semaines entre design et mise en ligne
• Score Lighthouse moyen de 97 : performance, accessibilité, bonnes pratiques et SEO
• Plus de 10 vidéos intégrées en page d’accueil sans compromis sur la vitesse