Cas client Groupe de Formation : Learnation
Learnation est un groupe qui rassemble plusieurs marques piliers du marché français de la formation à distance (Educastream, 1to1PROGRESS, 7Speaking, CPF-INFO). Le groupe propose des solutions sur-mesure et adaptés aux besoin pour progresser dans différents domaines d'apprentissage.
L'enjeu de ce projet a été de développer une maquette et un site Webflow combinant l'esprit des différentes marques du groupe et pour une date butoire précise !
Mapping du projet Webflow
Pour réaliser ce projet, nous avons suivi plusieurs étapes :
Design Sprint (Atelier de réflexion)
La première étape de ce projet a été de faire un call avec Learnation pour bien comprendre et cerner les besoins et les attentes pour le futur site web ainsi que l'esprit du groupe !
Création de la charte graphique
L'étape suivante a consisté à repenser la charte graphique de Learnation afin de la moderniser
Réflexion et développement de l'UX du site sur Figma (wireframe)
Ensuite, nous avons pensé au parcours utilisateur sur le site dans le but de convertir
Développement de l'UI du site web sur Figma (maquette)
Après cela, nous avons travaillé sur l'interface utilisateur du futur site web
Développement de la maquette sur Webflow en respectant les best practices (client-first, SEO, performances)
Une fois la maquette validée, nous avons commencé le développement sur Webflow tout en veillant à optimiser le dév pour permettre au site d'avoir les meilleures performances et être référencé
Formation à l'édition dans Webflow (mode éditeur)
Formation et conseils aux équipes de Learnation sur l'ajout et la modification du contenu du site grâce à Webflow !
Intégrations d'outils (Weglot, Search Console)
Enfin, nous avons intégré divers outils tel que Weglot pour la traduction du site en anglais, axeptio pour la bannière de cookies ou encore Google Search Console pour le suivi du référencement naturel
Résultats du projet Webflow
A la fin de notre collaboration, Learnation a eu :
Un site avec des animations
Un site avec des pages dynamiques
Un site responsive
.webp)
