Manhaj
Landing page Webflow immersive pour Manhaj, plateforme éducative tout-en-un : univers visuel pédagogique aux illustrations douces, architecture pensée par profil pour quatre cibles, et animations fluides qui dynamisent la lecture au scroll.
Le client
Manhaj est une plateforme éducative tout-en-un : vidéos, exercices et quiz pour les élèves et les enseignants.
Le besoin
Convaincre élèves, enseignants et établissements d'essayer une plateforme, sans les codes froids du e-learning institutionnel.
Ce qu'on a fait
Création Webflow : landing page immersive aux illustrations douces, qui parle aux élèves comme aux enseignants.
Le résultat
Manhaj dispose d'une landing page qui pose la plateforme comme un acteur singulier de l'éducation numérique.
Une plateforme ambitieuse, avec des milliers de vidéos, d'exercices et de quiz, doit parler à la fois aux élèves, aux enseignants, aux établissements et aux parents sur une seule page. La création visait à incarner l'univers de Manhaj sans les codes corporate du e-learning institutionnel, avec des illustrations douces et une structure claire par profil.
Une plateforme éducative ambitieuse, avec des milliers de vidéos, d'exercices et de quiz derrière l'interface, demande une présentation à la hauteur de son ampleur sans jamais la complexifier pour son premier visiteur. La difficulté : parler à la fois aux élèves, aux enseignants, aux établissements et aux parents, quatre profils aux attentes différentes, sur une seule et même page.
La création de la landing page visait à incarner l'univers de Manhaj sans tomber dans les codes corporate des plateformes e-learning institutionnelles. Le parti pris : un design pédagogique mais immersif, des illustrations douces qui guident la lecture, et une structure claire qui présente les fonctionnalités phares pour chacune des quatre cibles.
Un univers visuel pédagogique mais immersif, aux illustrations douces
Illustrations douces, typographies lisibles, palette harmonieuse, hiérarchie claire : la grammaire visuelle évoque immédiatement la pédagogie sans tomber dans l'esthétique froide des plateformes e-learning corporate. Une chaleur qui parle aux élèves comme aux enseignants.
Une présentation claire des fonctionnalités phares de la plateforme
Conformité aux programmes, plus de deux mille cinq cents vidéos, indicateurs clés, évaluation, communication, tableaux de bord : les six fonctionnalités se déplient une à une dans un accordéon, chacune avec son bénéfice pour l'enseignant ou l'élève. Le visiteur explore la plateforme sans quitter la page, et l'illustration reste la même pour ne pas alourdir la lecture.
Un parcours en une page, du héros jusqu'au formulaire de contact
Seize sections s'enchaînent sur une seule page : promesse, profils d'utilisateurs, fonctionnement, fonctionnalités, témoignages, puis le formulaire de contact. Le visiteur descend sans jamais changer de page ni perdre le fil, et la demande arrive au moment où il a tout compris.
Des animations fluides qui dynamisent la lecture au scroll
Transitions douces entre sections, micro-interactions sur les éléments clés, apparitions au scroll : le site assume un mouvement maîtrisé qui rythme la découverte sans verser dans l'effet gadget. Un équilibre rare en éducation.
Notion
Le sitemap, les idées et les textes, posés à plat avant la maquette.
notion
Figma
Les maquettes, validées écran par écran avant le code.
figma
Webflow
Le site, son CMS et sa mise en ligne.
webflow
La présentation claire des fonctionnalités transforme la curiosité en essai gratuit pour chaque profil. L'univers visuel pédagogique distingue Manhaj des plateformes institutionnelles, et les animations fluides tiennent le visiteur en haleine jusqu'au formulaire de contact.
La présentation claire des fonctionnalités transforme la curiosité en essai gratuit, chaque profil (professeur, élève, parent, établissement) trouvant en quelques scrolls ce qui le concerne. L'univers visuel pédagogique distingue Manhaj des plateformes institutionnelles au ton froid, et les animations fluides tiennent le visiteur en haleine jusqu'au formulaire de contact. Une page d'entrée qui rend une offre complète immédiatement compréhensible, pour des familles comme pour des enseignants.
voir plus de réalisations
voir toutes les réalisations
L'unique agence Premium Partner Webflow du Grand Est.
