Case Study Training Group: Learnation
Learnation is a group that brings together several key brands in the French distance learning market (Educastream, 1to1PROGRESS, 7Speaking, CPF-INFO). The group offers tailor-made solutions adapted to the needs to progress in different learning areas.
The challenge of this project was to develop a mock-up and a webflow site combining the spirit of the different brands of the group and for a precise deadline!
Webflow project mapping
To realize this project, we followed several steps:
Design Sprint (Think Tank)
The first step of this project was to make a call with Learnation to understand and understand the needs and expectations for the future website and the spirit of the group!
Creation of the graphic charter
The next step was to rethink Learnation's graphic charter in order to modernise it
Reflection and development of the site's UX on Figma (wireframe)
Then we thought about the user journey on the site with the aim of converting
Development of the website UI on Figma (mock-up)
After that, we worked on the user interface of the future website
Development of the model on Webflow in compliance with best practices (client-first, SEO, performance)
Once the model was validated, we started the development on Webflow while taking care to optimize the dev to allow the site to have the best performances and to be referenced
Training on editing in Webflow (editor mode)
Training and advice to Learnation teams on adding and modifying site content with Webflow!
Tool integrations (Weglot, Search Console)
Finally, we have integrated various tools such as Weglot for the translation of the site into English, axeptio for the cookie banner or Google Search Console for the monitoring of natural referencing
Results of the Webflow project
At the end of our collaboration, Learnation had :
A site with animations
A site with dynamic pages
A responsive site
.webp)
