“Nathan a intégré notre nouveau site web dans Webflow avec beaucoup de réactivité, un grand souci du détail, et toujours avec bonne humeur et positivité malgré les changements de dernière minute et les aléas techniques. Je le recommande chaudement !”
Laurent Leconte
CTO
@
Susu
Contexte
Susu, premier service d’assurance santé dédié aux proches en Afrique, souhaitait un site web à la hauteur de sa mission. L’équipe avait déjà collaboré avec Nébuleuse Creative pour définir leur branding et créer des maquettes Figma modernes et élégantes. Cependant, ils avaient besoin d’un expert pour :
- Transformer ces maquettes en un site fonctionnel et performant sous Webflow
- Assurer une migration en douceur de leur ancien site Wordpress, tout en préservant leur SEO et en intégrant l’ensemble des contenus existants, comme les articles de blog
Avec des objectifs précis et une vision claire, Susu s’est tourné vers nous pour concrétiser ce projet ambitieux.
Structuration & style guide
Pour garantir une intégration fluide et cohérente, la première étape a consisté à poser les bases du projet dans Webflow. Nous avons :
- Paramétré un style guide complet, en respectant les standards définis par Nébuleuse Creative pour conserver l’identité visuelle forte de Susu
- Défini les règles typographiques, les couleurs, et les composants réutilisables pour assurer une parfaite harmonisation sur l’ensemble des pages.
Cette étape clé a permis d’établir une fondation solide, simplifiant l’intégration et facilitant la maintenance future du site.
Intégration du site
Avec un style guide bien défini, nous sommes passés à l’intégration des maquettes Figma dans Webflow :
- 15+ pages ont été intégrées, respectant scrupuleusement les bonnes pratiques en matière de SEO et de design responsive
- Chaque page a été soigneusement optimisée pour offrir une navigation fluide sur tous les appareils, garantissant une expérience utilisateur de qualité
- Gestion des redirections 301 via un plan de redirection pour éviter toutes erreurs 404 lors de la migration de Wordpress vers Webflow
L’objectif était de donner vie aux maquettes tout en maintenant des performances techniques élevées pour répondre aux attentes de Susu et de ses utilisateurs.
Paramétrage du CMS
Pour répondre aux besoins spécifiques de Susu en matière de gestion de contenu, nous avons structuré et paramétré les bases de données CMS sur Webflow :
- Création de collections dédiées pour gérer les offres santé, les ressources éditoriales (articles, livres blancs), et autres contenus dynamiques.
- Configuration des relations entre les collections pour permettre une organisation logique et intuitive.
- Importation et optimisation des contenus existants, notamment les articles de blog, tout en veillant à préserver le référencement naturel (SEO) acquis sur leur ancien site.
Ce travail a posé les bases d’un site dynamique et évolutif, parfaitement adapté à la stratégie de contenu de Susu.
Rendre l’équipe marketing autonome
Un site performant ne suffit pas si l’équipe ne peut pas l’utiliser facilement. C’est pourquoi j’ai pris le temps de :
- Former l’équipe marketing sur l’édition et la publication de contenus via Webflow, notamment pour les articles de blog et les pages d’offres santé.
- Fournir un guide pratique personnalisé pour leur permettre de gérer le CMS de manière autonome et d’assurer la continuité des mises à jour du site.
- Mettre en place des workflows simplifiés pour la création de nouvelles pages, garantissant ainsi une gestion agile et efficace du site.
Cette étape a permis à l’équipe Susu de prendre le contrôle total de leur site, sans dépendance technique, pour accompagner leur croissance.
Résultat final
Conclusion
Ce projet avec Susu illustre parfaitement notre capacité à transformer des maquettes en un site Webflow sur-mesure, tout en assurant une migration technique fluide et une autonomie totale pour les équipes.
Grâce à une collaboration efficace et un respect des meilleures pratiques, Susu dispose désormais d’un outil performant, à la fois fidèle à leur vision et capable de soutenir leurs ambitions.
Prêt à donner vie à votre projet ? Contactez-nous pour en discuter.