"Merci à Frame-Ux pour la qualité de leur travail, leur sérieux et leurs précieux conseils. Nous avons migré de WordPress à Webflow et avons opté pour une refonte totale de notre site. Nathan nous a conçu une maquette de A à Z, avec également des propositions d'amélioration pour nos pages mères et nos pages formations. Nous travaillons désormais exclusivement avec Frame-Ux."

Elian Quesnel
CEO
@
Youngdata
Contexte : Une refonte Webflow pour soutenir la croissance de Youngdata
Youngdata accompagne les PME et ETI dans l’optimisation de leurs coûts grâce à des applications et automatisations basées sur Microsoft Power Platform.
Initialement lancé en freelance par Elian, son CEO, Youngdata s’est rapidement transformé en agence tech structurée, avec une offre en forte expansion. Cette croissance a marqué le moment idéal pour enclencher un vrai virage digital.
Leurs objectifs :
- Renforcer leur identité de marque avec un site moderne, cohérent et différenciant.
- Fusionner et migrer leurs deux sites WordPress (youngdata.io + Bi-Formation) vers une plateforme unique.
- Concevoir un site Webflow performant, pensé pour :
- Optimiser les conversions
- Améliorer leur référencement naturel
- Offrir une autonomie totale à l’équipe marketing
C’était le bon moment pour quitter WordPress et faire appel à notre agence Webflow pour un accompagnement complet en migration Webflow et refonte.
Refondre l’image de marque pour mieux parler à leur marché cible
Comment traduire la vision de Youngdata dans un univers graphique cohérent, tout en s’adressant directement à leur audience B2B (PME et ETI) ?
L’agence disposait déjà d’un logo et d’une couleur primaire. Mais elle portait surtout une vision forte :
Aider les PME à économiser des millions d’euros grâce à des outils Microsoft performants.
Notre mission : transformer cette vision en une identité de marque lisible et engageante, qui incarne leur positionnement.
Nous avons travaillé à refléter :
- Leur expertise métier sur Microsoft Power Platform
- Leur ADN singulier : professionnel mais accessible
- Un univers graphique chaleureux, illustrant l’expérience humaine qu’ils cultivent avec leurs clients
Ce travail d’alignement entre branding, UX et marché cible a permis de renforcer leur crédibilité et de construire un lien fort avec leur audience.
Arborescence et UX : structurer le site pour guider et convertir
Comment concevoir une architecture de site claire, logique et performante ?
Notre objectif était de structurer le site de Youngdata de façon à guider l’utilisateur vers la bonne action, tout en maximisant la conversion et l’expérience utilisateur.
Nous avons animé une série d’ateliers collaboratifs pour définir :
- Une arborescence globale claire et scalable
- Une stratégie par type de page, avec un objectif précis pour chacune
Exemples d’objectifs définis :
- Page service : conversion via une demande de contact
- Page blog : générer du trafic qualifié
- Page cas client : apporter des preuves sociales et favoriser la projection
- Page formation : inciter à réserver une session
Une fois ces objectifs posés, nous avons conçu des wireframes basse définition (Lo-Fi) pour chaque page. Cette étape a permis de :
- Valider le contenu textuel et son positionnement (copywriting & hiérarchie)
- Optimiser l’UX avant le passage en design
Résultat : une structure solide, pensée pour servir à la fois les besoins business de Youngdata et les attentes de ses utilisateurs.


Design UI : une interface claire, engageante et alignée à la marque
Un design réussi ne se limite pas à l’esthétique : il doit guider l’utilisateur, refléter la marque, et favoriser la conversion.
Pour Youngdata, nous avons travaillé main dans la main avec leur équipe. Leurs retours réguliers et leur implication ont été clés pour affiner chaque détail de l’interface.
Ce processus collaboratif nous a permis de concevoir des maquettes haute définition, pensées pour :
- Être claires et intuitives, afin que chaque utilisateur accède rapidement à l’information recherchée
- Être engageantes et modernes, reflétant leur expertise technologique et leur positionnement professionnel
- Être parfaitement alignées à leur image de marque, pour garantir une expérience fluide, cohérente et mémorable
Chaque composant a été pensé comme un levier de conversion, de crédibilité et de clarté, au service de leur promesse de valeur : permettre à leurs clients d’économiser des millions grâce à des outils performants.


Design d’assets marketing : renforcer la valeur perçue et la clarté des offres
Pour refléter l’identité de marque définie en amont, nous avons conçu une série d’illustrations et d’éléments graphiques sur mesure, directement intégrés aux sections du site.
Objectif : enrichir l’interface tout en valorisant les offres de Youngdata et leur expertise.
1. Une colorimétrie claire pour chaque service
Chaque service a été associé à une couleur principale, pour une identification rapide et une meilleure lisibilité :
- Power Apps : violet
- Power BI : jaune
- Power Automate : bleu
Cette segmentation renforce la structure visuelle du site et facilite la compréhension de l’offre.
2. Illustrations sur-mesure
Nous avons créé des visuels distinctifs pour chaque service, illustrant les cas d’usage concrets et les bénéfices pour les utilisateurs.
Ces illustrations s’intègrent parfaitement dans les sections “features” du site et renforcent la cohérence visuelle de l’interface Webflow.



3. Création de “coins” de marque
L’ajout de formes spécifiques et de détails graphiques crée une signature visuelle propre à Youngdata, contribuant à la mémorisation et à l’identité du site.

Bénéfices des assets livrés :
- Valeur perçue augmentée : une interface plus vivante, professionnelle et crédible
- Cohérence graphique durable : tous les assets livrés sous Figma + exports SVG
- Autonomie marketing : les visuels peuvent être réutilisés dans leurs supports commerciaux, publications sociales ou documents internes
Ces éléments visuels renforcent l’image de marque de Youngdata tout en améliorant l’impact marketing global de leur site Webflow.
Migration WordPress vers Webflow : intégration soignée et SEO technique au service de la performance
Nous avons accompagné Youngdata dans la migration complète de leurs deux sites WordPress (agence + plateforme de formation) vers une plateforme unique sous Webflow.
Cette transition leur a permis de :
- Simplifier la gestion quotidienne
- Améliorer les performances techniques
- Et poser une base SEO plus saine et évolutive
Étapes clés de l’intégration Webflow :
- Migration optimisée : reprise des contenus existants et refonte de la structure pour améliorer l’UX et la hiérarchie de contenu.
- Plan de redirection SEO : refonte complète de l’arborescence → mise en place d’un plan de redirection 301 pour préserver le référencement naturel et éviter toute erreur 404.
- Développement pixel-perfect : intégration fidèle des maquettes UI avec un responsive design fluide.
- Optimisation SEO technique : structure de balises, métadonnées optimisées, sitemap XML et bonnes pratiques de performance Web.
- Temps de chargement optimisé : compression des visuels, lazy loading, et configuration technique Webflow avancée.
Grâce à notre accompagnement en migration Webflow, Youngdata dispose désormais d’un site rapide, SEO-friendly et 100 % éditable par l’équipe marketing, sans dépendance technique.
Résultats (site mis en ligne en avril 2024, données mises à jour 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.”
Formation Webflow : autonomie totale pour l’équipe marketing
Une fois le site Webflow mis en ligne, il était essentiel que l’équipe marketing de Youngdata puisse le gérer en toute autonomie — sans dépendance technique.
Nous avons donc structuré une formation ciblée, pour leur transmettre les bonnes pratiques de prise en main du CMS Webflow.
Étapes clés de la formation :
- Prise en main asynchrone : création de vidéos personnalisées pour apprendre à modifier textes, visuels, et sections directement dans l’interface Webflow.
- Gestion des contenus dynamiques : accompagnement sur l’utilisation du CMS Webflow, notamment pour la création et la mise à jour des articles de blog.
- Création de nouvelles pages : méthode expliquée pour dupliquer des pages, utiliser les composants globaux, et concevoir de nouvelles sections alignées à l’identité graphique.
→ Exemple concret : la page “Copilot” a été réalisée en toute autonomie par leur équipe marketing. - SEO basique : sensibilisation aux bonnes pratiques (balises, URLs, titres) pour maintenir un site Webflow optimisé dans le temps.
Résultat : l’équipe marketing de Youngdata est désormais 100 % autonome sur la gestion, la création et l’évolution de leur site — un vrai levier d’agilité pour soutenir leur croissance.
Avant - Après


De WordPress à Webflow : un site aligné sur vos enjeux de croissance
Vous utilisez aujourd’hui WordPress ? Nous vous aidons à passer sur Webflow pour créer un site plus rapide, plus clair et plus simple à gérer, sans compromis sur le SEO ni la flexibilité.
Migration fluide et optimisée pour le référencement
Design Webflow sur-mesure, pensé pour convertir
Autonomie totale pour vos équipes, sans dépendance technique