CASE STUDY · UX/UI · DIRECTION ARTISTIQUE · 2026

Cambridge
Campus

Une expérience digitale pensée comme une classe vivante : directe, humaine et en mouvement.

Hero du redesign Cambridge Campus avec galerie d’images flottantes
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.

Composition visuelle du hero de Cambridge Campus
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.

Texte manifeste apparaissant pendant le défilement
Transition blanche entre les séquences de la page
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.

Animation typographique Parler, Rater, Réessayer
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.

Transition estivale avec cercle solaire apparaissant au défilement
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.

Page du programme enfants avec message éditorial et appels à l’action
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.

Interface du test de niveau adaptatif de A1 à C2

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.