Retour aux realisations

Manhaj

2023
69f898822299daacf7c9a84a_68446437da81a829e31c5e1a_LO-U5pgdzAt4-Ytgtrwy6Bn8Zj6YUuJtWH6FTx3ugdU.jpeg

Une création Webflow pour Manhaj, plateforme éducative tout-en-un avec vidéos, exercices et quiz, présentée dans une landing page immersive aux illustrations harmonieuses qui parle aux élèves comme aux enseignants.

Voir le site web
Photo #1.jpg
Photo #4.jpg
Photo #3.jpg
Photo #2.jpg
No items found.
Photo #1.jpg
Photo #4.jpg
Photo #3.jpg
Photo #2.jpg
No items found.
Introduction

Manhaj est une plateforme éducative tout-en-un qui combine technologie et pédagogie. Des centaines de vidéos, d'exercices et de quiz, conçus pour accompagner les élèves dans toutes les matières, et donner aux enseignants des outils pour suivre la progression de leurs classes. Une mission ambitieuse qui demande une présentation à la hauteur de l'ampleur de la plateforme.

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 les deux cibles.

Création de la landing page Webflow pour Manhaj, plateforme éducative tout-en-un, avec des illustrations harmonieuses et des animations fluides qui présentent les fonctionnalités à la fois aux élèves et aux enseignants.

Autres photos 1.jpg
Autres photos 2.jpg
No items found.
68a2e7b64c5755bc854882a1_qUCdj6YYYF3S23dSQUv7P6zNH7hcI0Ol317bXKhSVHk.jpg
notre réponse
(01)

Un univers visuel pédagogique mais immersif

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.

(02)

Une présentation claire des fonctionnalités phares

Vidéos, exercices, quiz, suivi de progression : chaque fonctionnalité dispose de sa section dédiée, avec ses bénéfices, ses cas d'usage, et un visuel d'interface réel. Le visiteur comprend en quelques scrolls ce que la plateforme propose et pour qui.

(03)

Une narration construite sur Notion en amont

Avant le design, l'arborescence et le parcours utilisateur ont été définis sur Notion. Cette méthode garantit que chaque section répond à une attente précise (valeur pédagogique, exemples, interface, appel à l'action), sans dilution.

(04)

Des animations fluides qui dynamisent la lecture

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.

(05)

Une architecture pensée pour deux cibles

Élèves et enseignants n'ont ni les mêmes attentes ni le même vocabulaire. Le site présente la plateforme sous des angles distincts pour chaque profil, sans dupliquer le contenu. Un choix qui parle au visiteur dans sa logique propre.

Autres photos 1.jpg
Autres photos 2.jpg
No items found.
la portée

Manhaj dispose désormais d'une landing page qui pose la plateforme comme un acteur singulier de l'éducation numérique. L'univers visuel pédagogique distingue immédiatement la marque dans son secteur, la présentation claire des fonctionnalités transforme la curiosité en demande d'essai, les animations dynamisent la lecture, et l'architecture par profil parle à chaque cible dans sa logique. Une page d'entrée qui rend une plateforme complète immédiatement compréhensible.

inspire par ce projet parlons du votre.

Démarrer un projet
Photo #1.jpg
Photo #4.jpg
Photo #3.jpg
Photo #2.jpg
No items found.
68a2e7b64c5755bc854882a1_qUCdj6YYYF3S23dSQUv7P6zNH7hcI0Ol317bXKhSVHk.jpg

Pourquoi une plateforme e-learning gagne à présenter ses fonctionnalités à travers des cas d'usage plutôt qu'à travers une grille de features ?

La majorité des plateformes e-learning présentent leurs fonctionnalités sous forme de grille : module de cours, module d'exercices, module de quiz, module de suivi. Cette structure reflète la logique interne du produit, mais rate complètement la logique d'achat de la cible. Un enseignant ne se demande pas en premier lieu combien de modules contient la plateforme, il se demande comment la plateforme l'aidera à animer un cours difficile, à identifier les élèves en difficulté, à motiver les classes. Un élève ne cherche pas une grille de fonctionnalités, il cherche un outil qui rend l'apprentissage plus facile et plus engageant. Une landing qui présente les fonctionnalités à travers des cas d'usage concrets (un enseignant qui anime, un élève qui révise, un parent qui suit la progression) transforme la perception de la plateforme. Pour une plateforme e-learning qui veut sortir du marché commodisé, la narration par cas d'usage n'est pas un détail rédactionnel, c'est l'argument structurant qui rend la valeur de l'outil immédiatement évidente pour chaque profil de visiteur.