Contexte du projet
Contexte du projet
Avant notre intervention, Ytems disposait d’un site peu visible, qui ne reflétait pas la valeur de leur offre. Le trafic était assez faible, et les quelques visiteurs arrivaient principalement via le bouche-à-oreille ou les réseaux sociaux.
L’équipe souhaitait refondre le site à la fin de la période fiscale, pour relancer la prospection au bon moment. Le nouveau site devait structurer l’information, s’adresser à leurs deux cibles principales et présenter clairement leurs différents services.
Etape 1 : Analyse stratégique
Nous avons démarré le projet par comprendre leurs objectifs, leur marché et leurs utilisateurs. Nous avons analysé leurs concurrents pour identifier les leviers différenciants. Deux personas ont été clairement définis : les experts-comptables d’un côté, les professions libérales de l’autre.
Cela nous a permis d’imaginer un site qui parle directement à chacun, avec des espaces dédiés et des parcours adaptés.
Etape 2 : Design et structuration des contenus
Le site précédent d’Ytems était une page d’accueil accompagnée d’un blog. Nous avons donc repensé entièrement l’arborescence pour poser les bases d’un site structuré, capable de répondre aux attentes de leurs deux cibles principales.
Un gros travail a été réalisé sur le parcours utilisateur : comment orienter un expert-comptable ou une profession libérale vers les pages qui les concernent, tout en gardant un message global cohérent. Nous avons créé une arborescence sur-mesure comprenant des pages dédiées par cible, des pages produit et des pages de marque (valeurs, témoignages, contact).
Pour aider l’équipe d’Ytems dans la rédaction, nous avons proposé une structure type pour chaque page, avec les éléments à inclure, l’ordre logique des blocs, et des intentions de contenu. L’objectif : garantir une cohérence entre design, message et SEO, tout en facilitant le travail rédactionnel en interne.
Nous avons également réalisé une centaine d’illustrations originales, conçues pour illustrer les fonctionnalités de leur outil. Ces visuels viennent renforcer la personnalité de la marque, tout en facilitant la compréhension des offres et des parcours proposés.
Le design final, basé sur leur charte existante, reflète leur identité de marque tout en renforçant la lisibilité et la conversion. Chaque page a été conçue pour orienter rapidement l’utilisateur vers les informations clés ou les appels à l’action.
Etape 3 : Développement Webflow
Nous avons développé l’ensemble du site sur Webflow en utilisant la méthode ClientFirst, en respectant les contraintes graphiques et en optimisant la performance du site. L’objectif était d’offrir une navigation fluide et un temps de chargement rapide.
Pour ce projet nous avons mis en place les fonctionnalités spécifiques suivantes :
- Intégration de Hubspot pour connecter les formulaires des landing pages à leur CRM et le suivi commercial : Cela leur permet de suivre précisément les parcours utilisateurs, centraliser les contacts et déclencher des actions commerciales automatiquement. Afin que leur site internet soit un véritable levier d’acquisition et de conversion.
- Mise en place de template de page pour pouvoir créer des nouvelles pages en toute autonomie : Pour leur permettre de créer facilement de nouvelles pages sans passer par un développeur, nous avons mis en place un template de page réutilisable, avec des blocs modulables. Ils peuvent ainsi enrichir leur site à mesure que leurs offres évoluent, tout en gardant une cohérence graphique et structurelle.
- Utilisation du Framework Lumos pour la création de composants : Nous avons également utilisé le framework Lumos pour construire des composants solides, évolutifs et performants. Cette base technique nous a permis de garantir un bon niveau de qualité de code et une compatibilité multi-supports.
Etape 4 : Optimisation SEO
Nous avons structuré le site en respectant les bonnes pratiques SEO : balises HTML optimisées, titres hiérarchisés, contenus pertinents et lisibles, URLs claires. L’arborescence a été pensée pour couvrir les intentions de recherche de leurs deux cibles, tout en assurant un maillage interne efficace.
Des données structurées ont été intégrées pour améliorer la compréhension du site par les moteurs de recherche et les outils d’IA comme ChatGPT.
Etape 5 : Tests et mise en ligne
Avant la mise en ligne, nous avons réalisé une série de tests complets sur tous les navigateurs et supports. Chaque page, animation et fonctionnalité a été vérifié pour garantir une expérience fluide et sans erreur.
La date de mise en ligne a été choisie en fonction du calendrier de leur cible. La période fiscale étant un moment très intense pour les experts-comptables, il était essentiel que le nouveau site soit prêt une fois cette période terminée, pour qu’Ytems puisse reprendre sa prospection dans de bonnes conditions.
Etape 6 : Formation des équipes de Ytems
Pour rendre l’équipe totalement autonome après la mise en ligne, nous avons créé une série de vidéos de formation détaillées, couvrant l’utilisation de Webflow, la mise à jour des contenus et la création de nouvelles pages à partir des templates.
Nous avons également animé une session de formation en direct, pour répondre à leurs questions et les accompagner dans la prise en main de l’outil.
L’équipe Ytems peut désormais gérer le site au quotidien sans dépendance technique, tout en respectant la structure et le design mis en place.
Les résultats obtenus
Ytems dispose aujourd’hui d’un site complet, clair, bien structuré et pensé pour leurs deux cibles. Leur nouveau positionnement est lisible, leur offre est mieux segmentée, et le site commence à générer du trafic qualifié. Ils ont maintenant une base solide pour soutenir leur croissance, communiquer plus efficacement et convertir davantage.
