Pour mener à bien ce projet, nous avons utilisé une méthode éprouvée, centrée sur les besoins des utilisateurs et les ambitions du client. Chaque étape a été réalisée en collaboration étroite avec Les Ateliers du Bien-Être.
1. Définition de la nouvelle arborescence
L’arborescence est le socle de tout site web performant en clarifiant et fluidifiant la navigation au sein du site.
Nous avons donc repensé entièrement la structure pour faciliter l’accès aux informations essentielles, guider chaque visiteur vers son besoin (cours, ateliers, accompagnements…), simplifier la navigation sur mobile et optimiser le référencement naturel
Cette nouvelle arborescence vise avant tout à réduire les efforts de recherche pour les visiteurs et à mettre en avant les contenus les plus recherchés.
2. Création du zoning ou wireframe
Le zoning a permis de poser les bases de la future interface en anticipant le découpage des zones, la hiérarchie des blocs de contenu, l'emplacement des visuels… Sans aspect graphique à cette étape, tout est réfléchi autour de l’efficacité de navigation.
L’enjeu était de trouver un équilibre entre la dimension bien-être des enseignements, la clarté de l’information et la valorisation de la pédagogie des Ateliers du Bien-Être.
3. Conception des maquettes graphiques
Sur la base du zoning, notre équipe webdesign a créé une interface graphique sur mesure, en cohérence avec l’identité des Ateliers du Bien-Être. Nos graphistes ont proposé des couleurs douces et naturelles et des typographies lisibles et modernes. La mise en page permet de présenter une ambiance visuelle apaisante.
Chaque orientation graphique vise à créer un sentiment de sérénité et de confiance, tout en garantissant une parfaite lisibilité.
4. Une intégration HTML sur-mesure
La maquette validée, la partie technique peut débuter.
En respectant précisément la charte graphique, nos intégrateurs se sont chargés de transformer les maquettes en pages web fonctionnelles en réalisant une intégration responsive tenant compte de l’indispensable optimisation des performances et privilégiant les bonnes pratiques SEO (balises, titres, URLs, micro-données…).
Chaque page est ajustée pour garantir une navigation fluide et intuitive.
5. Développement du site avec le CMS Konnect
Le choix du CMS Konnect, la solution de gestion de contenus développée par Kagency, garantit :
-
- Une grande simplicité d’administration,
- Une liberté totale dans la structure des contenus grâce au « page builder » intégré,
- Une performance optimale avec des temps de chargement optimisés,
- Une sécurité renforcée contre les éventuelles actions malveillantes,
- Une solution évolutive puisque Konnect a été conçu dans cet objectif.
6. Mise en production & accompagnement
La mise en ligne sera accompagnée d’une formation à l’outil d’administration et d’un rappel des bonnes pratiques SEO.
Les solutions d’analyse du trafic seront déployées avec Matomo Analytics et Google Search Console
