Bibas & Marco - Plateforme de marque personnelle
Plateforme de marque personnelle à plusieurs créateurs, articulée autour de cinq sections interconnectées : page d'accueil, page dédiée au podcast (Tou Podcast), profils individuels des créateurs (le maquillage et le travail vétérinaire de Bibas, la musique de Marco sous le nom de Mr Dilo) et page complète consacrée aux partenariats. Elle intègre plusieurs plateformes sociales (YouTube, Spotify, Instagram, TikTok) avec des contenus embarqués.
Développée avec React Router, elle repose sur un design system éditorial soigné, une palette crème chaleureuse, une typographie serif sur mesure et des animations Framer Motion raffinées. Les mises en page responsives mobile-first préservent la cohérence de la marque sur l'ensemble des sections.
Vue d'ensemble
Secteur
Création de contenu digital / Divertissement / Marque personnelle
Périmètre
Site de marque personnelle multipage complet, avec une page d'accueil, une section dédiée au podcast, deux profils de créateurs et une page partenariats, incluant des intégrations de réseaux sociaux, des formulaires de contact et un design responsive sur tous les appareils
Durée
2 à 3 semaines, du design à la mise en œuvre
Le défi
Bibas et Marco avaient besoin d'une présence digitale unifiée pour rassembler leurs différents contenus — podcast, musique, maquillage et soin des animaux — au sein d'une même plateforme professionnelle. Leur audience était dispersée sur plusieurs réseaux sociaux, sans point d'entrée central pour les demandes de partenariat ni présentation d'ensemble de la marque. Il leur fallait une solution capable de mettre en valeur l'identité propre de chaque créateur tout en préservant une image de couple cohérente.
La solution
Nous avons développé une application React multipage soignée, dans une approche éditoriale, avec une palette chaleureuse et accueillante et une typographie raffinée. Nous avons créé des sections dédiées à chaque univers de contenu, tout en préservant la cohérence visuelle grâce à un design system partagé. Nous avons intégré des liens directs vers toutes les plateformes sociales, embarqué un lecteur de podcast Spotify et créé une page partenariats détaillant les possibilités de collaboration. L'architecture responsive mobile-first garantit une excellente expérience sur tous les appareils, tandis que les animations Framer Motion apportent une finition soignée sans nuire aux performances.
Fonctionnalités clés
Résultats
Technologies utilisées
Prêt à lancer votre projet ?
Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.