Retour
Cas d'usage client

Intégration du nouveau site internet d’Hones sur le CMS Webflow

Migration Webflow

A propos

Hones est une agence de CTO qui place la tech au service du business de ses clients.

www.hones.fr

Industrie

Agence
|
Tech
|

Outils

Notion
Webflow

"Super expérience ! L'équipe Frame-Ux a été ultra-réactive, toujours dispo pour échanger et le rendu est impeccable. Merci pour le travail !"

Joachim Fourquet

Co-fondateur

@

Hones

Contexte

Hones, une agence de CTO qui allie expertise technologique et vision business, souhaitait un site internet à la hauteur de leur positionnement premium et de leur nouvelle identité de marque.

Après un rebranding orchestré par l'agence Iytro, ils ont choisi Frame-Ux, notre agence Webflow, pour donner vie à leurs maquettes Figma et transformer leur vision en un site performant, optimisé pour le SEO et le responsive.

L'objectif : un site fluide, design, et simple à gérer pour leur équipe marketing, afin de mettre en avant leur expertise et leur portefeuille clients.

Structuration & style guide

Pour garantir une cohérence parfaite entre le design imaginé par l'agence Iytro et son intégration sur Webflow, nous avons débuté par une étape essentielle : la structuration et la mise en place d’un style guide complet.

Ce style guide a permis de centraliser :

  • Les typographies et hiérarchies textuelles
  • La palette de couleurs de la nouvelle identité
  • Les composants réutilisables pour garantir un design uniforme sur l’ensemble des pages

Grâce à cette base solide, l’équipe de Hones dispose désormais d’un cadre clair et scalable pour toute évolution future de leur site Webflow.

Style guide fournit par l'équipe iytro

Intégration du site

Une fois le style guide finalisé, nous sommes passés à l’intégration des 10+ pages du site sur Webflow, en respectant à la lettre les maquettes Figma fournies par l’agence Iytro.

Un des principaux enjeux du projet résidait dans la mise en œuvre d’animations fluides et dynamiques, essentielles pour refléter le positionnement premium de Hones. Chaque interaction, transition et effet visuel a été soigneusement intégré pour capter l’attention des visiteurs tout en garantissant une navigation intuitive.

Chaque page a été conçue pour :

  • Respecter les meilleures pratiques SEO, avec une structure HTML optimisée et une hiérarchie claire des balises (H1, H2, etc.),
  • Offrir une expérience utilisateur fluide, quelle que soit la taille de l’écran, grâce à un design entièrement responsive,
  • Intégrer des animations modernes et subtiles qui renforcent l’engagement et la perception haut de gamme de leur marque,
  • Maintenir une performance maximale, en optimisant les éléments visuels et en minimisant les temps de chargement.

Le résultat : un site vivant, interactif, et fidèle au design imaginé, tout en garantissant une performance technique irréprochable.

Parramétrage du CMS

Pour permettre à l’équipe Hones de gérer facilement leur contenu, nous avons configuré plusieurs bases de données dynamiques dans Webflow, adaptées à leurs besoins spécifiques.

Les collections CMS incluent :

  • Membres de l’équipe : Une présentation des profils clés avec des champs personnalisés (nom, poste, bio).
  • Clients et cas clients : Une base regroupant leurs projets pour afficher simplement leurs réussites.
  • Ressources : Articles, livres blancs et autres contenus éditoriaux pour engager leur audience et renforcer leur expertise.

Grâce à cette structuration, tout le contenu est centralisé, réutilisable et facile à mettre à jour. Cela garantit une flexibilité maximale pour l’équipe marketing dans leurs initiatives futures, tout en maintenant une cohérence sur l’ensemble du site.

Rendre l’équipe marketing autonome

Après avoir intégré le site et paramétré le CMS, il était essentiel que l’équipe marketing de Hones puisse gérer son contenu en toute autonomie. Nous avons donc organisé une formation complète sur l’utilisation de Webflow.

Points abordés lors de la formation :

  • Gestion du contenu dynamique : Ajout, modification et suppression de membres de l’équipe, cas clients, articles, et ressources (livres blancs, blogs, etc.).
  • Création de nouvelles pages : Duplication de modèles existants tout en respectant l’identité visuelle définie.
  • SEO pratique : Mise à jour des métadonnées (title, description), gestion des balises alt des images, et bonnes pratiques pour maintenir le référencement.
  • Publication simplifiée : Processus pour publier rapidement du nouveau contenu éditorial.

Grâce à cette formation, l’équipe Hones peut désormais gérer et enrichir leur site de manière autonome, tout en restant fidèle à leur branding et à leur stratégie marketing.

Résultat final

Vidéo YouTube

Conclusion

Grâce à une collaboration efficace, nous avons permis à Hones de transformer leur vision en un site Webflow performant, esthétique, et entièrement autonome.

Contactez-nous et voyons comment nous pouvons donner vie à votre prochain site Web !

Découvrez nos autres réalisations

chilli
Branding
UX/UI Design
Landing page
chilli : Une landing page engagée pour l'activisme climatique
SaaS
Application mobile
chilli
Branding
UX/UI Design
Landing page
🔏 En cours de rédaction
chilli : Une landing page engagée pour l'activisme climatique
SaaS
Application mobile
Susu
Intégration Webflow
SEO
Susu : Intégration et migration Wordpress vers un site Webflow
Agence
Santé
Susu
Intégration Webflow
SEO
🔏 En cours de rédaction
Susu : Intégration et migration Wordpress vers un site Webflow
Agence
Santé

Encore plus de cas d'usage
Découvrez comment va évoluer votre site web prochainement.