Refonte et migration depuis Wordpress vers Webflow pour Youngdata

Youngdata accompagne les PME et ETI dans l’optimisation de leurs coûts en développant des applications et automatisations grâce aux outils Microsoft Power Platform.

Initialement lancé en freelance par Elian, son CEO, Youngdata a rapidement évolué pour devenir une agence en pleine croissance.

Ce développement a marqué le moment idéal pour :

• Renforcer leur identité de marque
• Fusionner et migrer leurs deux sites Wordpress – youngdata.io (site de l’agence) et Bi-Formation (leur plateforme de formation en ligne)

Créer un site web performant, conçu pour :

• Optimiser les conversions
• Améliorer le référencement naturel
• Offrir une autonomie totale à l’équipe marketing

C’était le bon moment pour passer à l’action.

Comment retranscrire la vision et les valeurs de Youngdata tout en s’adressant directement à leur marché cible ?

Youngdata disposait déjà d’un logo, d’une couleur primaire, et surtout d’une vision forte :

Aider les PME et ETI à économiser des millions d’euros grâce à des outils performants.

Notre mission ? Traduire cette vision en une identité de marque qui reflète :

• Leur expertise sur Microsoft Power Platform
• Leur ADN unique, alliant professionnalisme et convivialité
• Un mood chaleureux, illustrant le plaisir de collaborer avec eux

Ce travail sur leur image de marque a permis de consolider leur positionnement tout en établissant un lien fort avec leur audience.

Comment structurer le site pour guider rapidement l’utilisateur vers son objectif tout en maximisant les conversions ?

À travers une série d’ateliers collaboratifs, nous avons conçu :

• L’arborescence globale du site
• Une stratégie claire pour chaque page, avec des objectifs précis

Quelques exemples d’objectifs définis :

• Page service : Conversion via une demande de contact
• Page blog : Générer du trafic qualifié
• Page cas client : Montrer des preuves sociales et aider le visiteur à se projeter
• Page formation : Réserver une formation

Nous avons ensuite élaboré des wireframes en basse définition pour chaque page. Cette étape a permis de :

• Valider le contenu textuel (copywriting)
• Optimiser l’expérience utilisateur avant de passer à la phase de design

Une structure pensée pour répondre aux besoins de Youngdata et de ses utilisateurs.

Un design réussi ne se limite pas à l’esthétique : il doit être au service de l’utilisateur.

Pour Youngdata, nous avons travaillé en étroite collaboration avec leur équipe, dont l’implication et les retours réguliers ont été essentiels pour affiner chaque détail. Cette dynamique nous a permis de concevoir des maquettes hautes définition :

• Claires et intuitives, pour que chaque utilisateur trouve rapidement ce qu’il cherche
• Engageantes, avec un design moderne reflétant leur expertise et leur professionnalisme
• Alignées avec leur identité de marque, pour offrir une expérience cohérente et mémorable

Grâce à cette collaboration, chaque élément de design a été pensé pour convertir, renforcer leur crédibilité, et refléter leur promesse de valeur : aider leurs clients à économiser des millions grâce à des outils performants.

Afin de refléter l’identité de marque définie, nous avons conçu une série d’illustrations et d’éléments visuels cohérents avec les textes des différentes sections du site. Ces assets mettent en avant les livrables clés de Youngdata pour leurs clients et illustrent visuellement leur expertise.

1. Colorimétrie des offres :

Chaque service a été associé à une couleur primaire pour une identification claire et immédiate :

• Power Apps : Violet
• Power BI : Jaune
• Power Automate : Bleu

Cette segmentation colorimétrique permet de renforcer la clarté des offres et de dynamiser la perception visuelle.

2. Illustrations sur mesure :

• Des visuels distinctifs ont été créés pour chaque service, mettant en avant les scénarios d’usage et les bénéfices pour les utilisateurs
• Ces illustrations ont été pensées pour correspondre parfaitement à la direction artistique et enrichir les sections "Features" du site

3. Création de "coins" de marque :

L'ajout de formes spécifiques et de détails graphiques renforce l’identité visuelle tout en apportant une signature unique à l’univers Youngdata.

Bénéfices des assets livrés :

Augmentation de la valeur perçue : Grâce à ces visuels personnalisés, l’ensemble du site web gagne en cohérence et en impact marketing.

• Les assets ont été livrés sous Figma et exportables en SVG.
• Cette flexibilité permet à l’équipe marketing de les utiliser efficacement pour diverses finalités : présentations commerciales, publications sur les réseaux sociaux, documents de communication, etc.

En enrichissant l’univers graphique de Youngdata, ces assets permettent de positionner l’entreprise comme un acteur à la fois professionnel et accessible, tout en favorisant une reconnaissance immédiate de leurs offres.

Nous avons pris en charge la migration des deux sites WordPress de Youngdata (site agence et site de formation) vers une plateforme unique sous Webflow. Cette transition a permis d’améliorer la performance globale tout en simplifiant la gestion.

Étapes clés de l'intégration :

• Migration optimisée : Transfert des contenus existants tout en restructurant les pages pour maximiser l’expérience utilisateur.
• Plan de redirection : Etant donné que la structure du site à changer, il était crucial de créé un plan de redirection pour éviter les erreurs 404.
• Développement pixel-perfect : Intégration fidèle des maquettes et optimisation pour un rendu responsive.
• SEO technique : Hiérarchisation des balises, métadonnées optimisées, redirections 301, et mise en place d’un sitemap XML.
• Performances améliorées : Compression des fichiers, lazy loading, et optimisation du temps de chargement.

Grâce à Webflow, le site est désormais rapide, SEO-friendly et permet à l’équipe marketing de Youngdata d’éditer facilement contenus et visuels sans dépendre de partenaire externe.

Le site a été mis en ligne en avril 2024. Voici les quelques résultats SEO et conversions. Données mises à jours en Décembre 2024.

Retour de Nicolas, responsable marketing de Youngdata.

“Le passage à Webflow s’est révélé être une décision stratégique, offrant une meilleure performance technique, une expérience utilisateur améliorée et des opportunités SEO accrues. Avec un focus sur l’optimisation des pages existantes et l’amélioration du CTR, Youngdata.io est bien positionné pour continuer à croître en visibilité et en trafic organique.”

Une fois le site Webflow intégré, il était essentiel que l’équipe marketing de Youngdata puisse prendre le contrôle total de son nouveau site, sans dépendre d’un développeur.

Étapes de la formation :

• Prise en main : Vidéos asyncrhones personnalisées pour apprendre à modifier textes, images et sections en toute autonomie.
• Gestion des articles de blog : Formation sur la création et la mise à jour des contenus dynamiques via le CMS Webflow.
• Ajout de nouvelles pages : Explications détaillées pour dupliquer des modèles, utiliser les composants Webflow et concevoir de nouvelles pages alignées sur l’identité du site. Exemple leur page “Copilot” réalisée par leur équipe marketing.
• SEO basique : Introduction aux bonnes pratiques pour maintenir un site optimisé au fil du temps.

L’équipe marketing est désormais capable de gérer et d’enrichir le site au quotidien, garantissant une flexibilité totale pour accompagner la croissance de l’entreprise.

Grâce à une collaboration étroite, nous avons permis à Youngdata de se doter d’un site performant, aligné avec leur image de marque et pensé pour convertir.

Vous souhaitez transformer votre site en un levier de croissance ?
‍Contactez-nous dès maintenant et discutons de votre projet !