Caro Gutiérrez
Une marque personnelle pensée pour ouvrir la conversation avec les marques.
Caro Gutiérrez est créatrice de contenu à Medellín. Nous avons conçu et développé son site de A à Z, avec une nouvelle identité visuelle, ses propres textes et des animations interactives, pour réunir en un seul endroit son portfolio, son parcours, ses chiffres et ses réseaux.
Défi
Caro voulait attirer des collaborations avec des marques, trouver des clients et renforcer sa marque personnelle. Il lui fallait un site à elle, qui montre d’un coup d’œil qui elle est, ce qu’elle a réalisé et l’audience qu’elle touche, et facile à trouver sur Google comme sur les moteurs de recherche dotés d’intelligence artificielle.
Solution
Un site qui se parcourt comme son histoire, avec son portrait et son travail au premier plan.
Identité visuelle
Une typographie grand format, une palette chaude d’orangés et de bordeaux, et son portrait au cœur de la page d’accueil.
Accueil interactif
Son portrait se révèle par des traits d’encre qui suivent le curseur ; si personne ne le bouge, un curseur automatique dessine tout seul.
Parcours et portfolio
Son histoire année après année depuis 2021, et ses vidéos classées en quatre catégories : santé, voyage, gastronomie et beauté.
Media kit
Ses chiffres Instagram et TikTok sur une page dédiée, mise à jour régulièrement avec les données de ses comptes.
Expérience
Parcours
Chaque année est une carte qui avance au défilement et se relie à la suivante par une ligne.
Projets par catégorie
Les couvertures de chaque catégorie s’animent seules ; en ouvrir une affiche sa galerie de vidéos.
Résultat
Le site est en ligne sur carogutierrez.co, en espagnol et en anglais. Au-delà du design, nous avons travaillé sa présence dans les moteurs de recherche : données structurées qui décrivent qui elle est et ce qu’elle fait, plan du site, fichier de référence pour les moteurs de recherche à IA et vérification dans Google Search Console.
Comment il est construit
- React et Vite: Une interface rapide, construite par composants.
- GSAP et Lenis: Animations et défilement fluide.
- Cloudflare Pages: Hébergement et diffusion du site.
- Google Analytics 4: Mesure des visites, uniquement si la personne accepte les cookies.
- Données structurées et Search Console: Pour que Google et les moteurs à IA comprennent qui elle est et ce qu’elle propose.