Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Le projet en images

Maquette Figma UI Learnation
section notre démarche learnation
section vidéo featured learnation

A venir...

Groupe Learnation
5/
5
quote-icon-yellow
2
Langues
100%
Optimisé SEO
4
Marques en 1
4
Heures de formation

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 !

Design sprint Figma learnation

Création de la charte graphique

L'étape suivante a consisté à repenser la charte graphique de Learnation afin de la moderniser

charte graphique learnation

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

wireframe figma learnation

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

maquette figma learnation

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é

Projet webflow learnation

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

Site learnation traduit en anglais avec Weglot

Résultats du projet Webflow

A la fin de notre collaboration, Learnation a eu :

Un site avec des animations

Animation scroll nos marques learnation
animation counterup learnation

Un site avec des pages dynamiques

Page actualité learnation
Page carrières learnation
formulaire candidature offre learnation

Un site responsive

responsive site learnation
Avant
No items found.
Après
No items found.

Découvrez d'autres projets clients

Nous construisons de magnifiques sites Webflow avec toutes les meilleures pratiques, c'est la Digicalidad ©

Refonte Webflow site Ubudu
Ubudu
Webflow
Weglot
Make (Integromat)
Start-up
Site Vitrine Webflow
Délais :
2 mois
Budget
13 000 €
Groupe learnation homepage
Learnation
Webflow
Weglot
Axeptio
Coda
Figma
PME
Site Vitrine Webflow
Délais :
1 mois
Budget
9 500 €

Dépasser les attentes de nos clients nous tient à ❤️.

icon-sortlist
5/
5
"J'ai apprécié pendant notre collaboration la clarté des explications, la qualité et l'efficacité de leurs services"
Voir tous les avis Sortlist
icons-google
5/
5
"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.
Voir tous les avis Google
icon-trustpilot
5/
5
"J'ai créé mon site internet avec les services de Digidop et je suis très satisfait du résultat. Mes visites se sont envolées et j'ai gagné en crédibilité auprès de mes clients.
Voir tous les avis Trustpilot

Une gestion autonome de votre site web

Bénéficiez du mode editor pour facilement changer images, textes, contenus sur votre futur site internet Webflow !
Webflow démonstration du mode édition

Ils nous ont fait confiance