Une expérience digitale pensée comme une classe vivante : directe, humaine et en mouvement.
L’IDÉE
Faire ressentir l’apprentissage, pas seulement l’expliquer.
Le redesign transforme Cambridge Campus en une marque éducative contemporaine. L’interface ne ressemble plus à un catalogue de formations : elle raconte ce qui se passe quand un élève ose parler, se trompe, recommence et progresse.
La direction artistique combine des photographies documentaires, beaucoup d’espace, une typographie très présente et un orange énergique qui devient le signal visuel de la progression.
RÔLE
Concept UX/UI Direction artistique
TON
Humain Éditorial Audacieux
OBJECTIF
Informer Rassurer Faire agir
01 — ENTRÉE EN SCÈNE
Une première impression vivante.
Les images réelles de la vie du campus flottent autour du message central. Cette composition donne immédiatement une sensation de mouvement, de proximité et d’énergie collective.
COLLAGE
Des fragments de cours créent une scène authentique plutôt qu’un visuel publicitaire générique.
HIÉRARCHIE
La promesse reste au centre ; chaque photo soutient le message sans voler l’attention.
NAVIGATION
La barre compacte reste disponible pendant le scroll et garde le test de niveau visible.
02 — MANIFESTE AU SCROLL
Le texte apparaît comme une prise de confiance.
La phrase se révèle progressivement pendant le défilement. Le mouvement accompagne le sens : l’élève commence avec retenue, puis le message gagne en présence jusqu’à devenir évident.
03 — RESPIRATION
Le vide devient une transition.
Un écran presque vide crée une pause volontaire entre deux idées. Cette respiration ralentit le rythme, prépare la prochaine séquence et évite la sensation d’un site trop chargé.
04 — TYPOGRAPHIE CINÉTIQUE
Parler. Rater. Réessayer.
Les mots se dupliquent, se croisent et débordent du cadre. L’animation transforme la méthode pédagogique en expérience visuelle : progresser signifie essayer plusieurs fois, sans peur de l’erreur.
05 — TRANSITION ESTIVALE
Un soleil qui annonce un nouveau chapitre.
Le cercle monte depuis le bas de l’écran comme un lever de soleil. Cette transition très simple transforme le scroll en changement d’atmosphère et introduit naturellement la campagne d’été.
La navigation reste visible : même pendant une scène très visuelle, l’utilisateur garde toujours ses repères et l’accès à l’inscription.
06 — PROGRAMME ENFANTS
Une page qui parle d’abord aux parents.
Le message met le bénéfice avant le programme : les enfants parlent anglais naturellement, sans s’en rendre compte. La preuve pédagogique et les deux parcours arrivent ensuite, au moment où le parent est prêt à choisir.
PROMESSE
Un titre simple, émotionnel et immédiatement compréhensible.
SEGMENTATION
Âges et parcours visibles dès le début pour rassurer les parents.
CONVERSION
Deux actions précises : inscrire son enfant ou comparer les parcours.
07 — TEST DE NIVEAU ADAPTATIF
Mesurer sans intimider.
L’échelle A1 → C2 devient une visualisation immédiatement lisible. Les barres progressives montrent le chemin à parcourir tandis que les cinq compétences expliquent concrètement la méthode du test.
45 min
DURÉE CONSEILLÉE
A1 → C2
ÉCHELLE CECRL
Adaptatif
SELON LES RÉPONSES
SYSTÈME DE MOUVEMENT
Chaque animation a une fonction.
01
Attirer
Le collage flottant capte l’attention et installe l’univers du campus dès le premier écran.
02
Guider
Les apparitions au scroll contrôlent l’ordre de lecture et donnent à chaque message son moment.
03
Faire ressentir
La typographie cinétique rend visible l’idée d’essai, d’erreur et de progression.
RÉSULTAT
Une marque éducative qui donne envie de parler.
Une expérience claire, mémorable et humaine — construite autour du mouvement, de la confiance et de l’action.