Comment donner une direction artistique à la fois sérieuse et gamifiée à une méthode d'apprentissage ?
Concevoir le site d'une méthode d'apprentissage 100% IA.
Pour le lancement de Möko, l'Agence Norry a pris en charge l'intégralité du projet : stratégie, ergonomie, copywriting, design et développement Webflow. L'objectif n'était pas de plaquer un site vitrine sur un produit existant, mais de construire une expérience qui donne à voir, dès la première seconde, la méthode Möko elle-même.
Deux exigences à tenir en même temps, sans en sacrifier aucune.
Le brief de Möko posait une contrainte claire : une direction artistique crédible aux yeux d'écoles post-bac exigeantes, mais suffisamment vivante pour donner envie de revenir chaque jour.
- Construire la preuve du sérieux : traduire visuellement une méthode alignée sur le CECRL, avec une section "Le constat" qui pose le problème avant la solution.
- Éviter l'effet "appli de quiz" : concevoir une interface de type tableau de bord (la "salle de sport de l'anglais") assez engageante pour ne pas être abandonnée après deux semaines.
- Incarner les fondateurs : donner un visage humain au projet via une section dédiée à Lucas et James plutôt qu'un simple "à propos".
Ce que l'Agence Norry a construit, de A à Z.
- Stratégie de contenu : Définition de l'architecture du site — constat, méthode, vision, origine, moments-clés, résultats — pour faire monter la conviction page après page.
- Ergonomie & parcours : Conception d'un parcours qui alterne séquences pédagogiques sérieuses et moments plus ludiques, sans rupture de ton.
- Copywriting : Rédaction de l'ensemble des textes, avec une voix qui assume à la fois la rigueur pédagogique et l'énergie de marque.
- Design : Création de la direction artistique complète — la carte "3 temps", l'interface "salle de sport" du tableau de bord, la frise "moments-clés", les mockups mobiles — et de l'ensemble des écrans du site.
- Développement Webflow : Intégration complète du site, des interactions et des animations sur Webflow, du desktop au mobile.
Traduire la méthode Möko dans la structure même du site.
- Apprendre : Nous avons conçu une première séquence ("Le constat", puis la présentation de la méthode) qui pose les bases avant de dévoiler l'outil.
- S'entraîner : Nous avons dessiné l'interface du tableau de bord — la "salle de sport de l'anglais" — pour rendre tangible la logique d'entraînement régulier.
- Valider : Nous avons construit une section résultats et une frise "moments-clés" qui mettent en scène la progression et l'histoire du projet.
Cette boucle en 3 temps, calquée sur la méthode Möko elle-même, structure littéralement l'ordre des sections du site.
Un site Webflow conçu comme une démonstration produit.
- Reconstitution du dashboard à l'écran : Intégration d'une maquette interactive du tableau de bord Möko directement dans le site, pour montrer l'outil plutôt que de le décrire.
- Composants sur-mesure : Cartes, timeline "moments-clés" et blocs équipe conçus et intégrés spécifiquement pour ce projet.
- Mockups mobiles dédiés : Création d'une séquence à trois écrans montrant l'expérience Möko sur mobile.
- Intégration responsive : Adaptation complète de chaque section pour un usage quotidien sur mobile par les étudiants.
Se positionner sur un marché où les écoles cherchent une méthode, pas un gadget.
Nous avons structuré le site pour qu'il parle aux moteurs de recherche comme aux moteurs de réponse IA :
- Balisage structuré : Une architecture Webflow nativement propre (Hn respectés, alt tags dynamiques) pour faciliter l'indexation.
- Optimisation GEO (Generative Engine Optimization) : Un contenu structuré pour que Möko soit identifié par les IA conversationnelles sur les requêtes liées à l'apprentissage de l'anglais post-bac et au CECRL.
- Vitesse de chargement : Une ingénierie de code purifiée pour de bons scores de performance, essentiels sur un outil pensé pour un usage quotidien.
Donner à l'équipe Möko les clés de leur plateforme.
Pour que Möko puisse faire évoluer son site au rythme de ses nouveautés produit, nous avons formé leurs équipes :
- Gestion du CMS : Mettre à jour les contenus pédagogiques et les visuels en autonomie.
- Prise en main de l'Éditeur Webflow : Modifier les textes et les visuels sans risquer de casser le design system.
- Respect du Design System : Un guide clair pour conserver la cohérence entre rigueur pédagogique et univers gamifié.
Un site qui démontre la méthode plutôt que de la raconter.
En construisant chaque section du site autour de la boucle "apprendre, s'entraîner, valider", l'Agence Norry a livré à Möko bien plus qu'une vitrine : une démonstration concrète de leur méthode, pensée et développée de bout en bout sur Webflow.
Et si votre site devenait lui aussi un levier de croissance ?
Découvrez d’autres réalisations :
.avif)
Kepsom
Tout ce que vous devez savoir avant de lancer votre projet
Nos clients nous posent souvent les mêmes questions avant de se lancer. Voici les réponses essentielles pour avancer sereinement.
Nous intervenons sur les deux, mais notre zone de génie se situe clairement dans la refonte.
Travailler à partir d’un site existant nous permet d’analyser ce qui fonctionne déjà, d’identifier les points de friction réels et d’optimiser la structure, les contenus et la performance avec précision.
Résultat : des décisions basées sur des données concrètes, pas sur des hypothèses.
Chaque projet démarre par une phase de cadrage stratégique.
Ensuite, nous concevons la structure, les contenus et l’interface dans une logique de performance mesurable, avec un accompagnement clair jusqu’à la mise en ligne et au-delà.
Oui.
Le SEO, le contenu et la structure ne sont jamais traités séparément.
Nous travaillons l’architecture, les messages et les contenus pour répondre à la fois aux moteurs de recherche, aux moteurs IA et aux utilisateurs finaux.
Nous travaillons principalement avec des startups, scale-ups, SaaS, cabinets et entreprises B2B, en France et à l’international. Le point commun : un besoin de clarté, de crédibilité et de performance.
