Site vitrine — T3 2026

Le candidat retenu : une expérience cohérente sur les pages du premier lot.

Le parti pris

Une grammaire unique tient les pages ensemble :

  • fonds greige, chaleur portée par la photo
  • Bleu France = seule couleur d'action
  • la couleur vient de la thématique, jamais d'aplat décoratif
  • collage média en signature, rejoué en hero de chaque page

Ce que ça garantit

Accueil, catalogue et thématique se ressentent comme un même site : même doctrine, registres différents. D'une thématique à l'autre, seule la teinte change — jamais la structure.

Le lot : trois pages

1 · Accueil La porte d'entrée « acquisition ».

2 · Catalogue d'engagement L'orientation simple vers les sujets.

3 · Landing de thématique La page incarnée, colorée par le sujet.

1 · L'accueil

La page d'accueil

Posture acquisition : hero collage → rail thématique → bénéfices en rangées → bandeau de preuve → aperçu du référentiel → « par où commencer » → CTA → hub léger.

Cliquer pour explorer la page en grand.

Le hero : une base, deux ouvertures

Cliquer pour agrandir
Bento net — retenu
Cliquer pour agrandir
Asymétrie — alternative
Cliquer pour agrandir
Cadre éditorial

La base Bento net est retenue (déjà en place) ; Asymétrie (alternative de tête après retour métier) et Cadre éditorial restent ouvertes. La galerie complète des gestes vit dans la story « Options de header ».

2 · Le catalogue d'engagement

Présentation simple

Une page d'orientation sobre : « comment ça marche » en trois étapes, puis la grille des familles colorée par thématique. La richesse éditoriale est portée par la landing de thématique, pas par cette page.

3 · La landing de thématique

Page incarnée, colorée par le sujet

Hero coloré par la thématique → bandeau de preuve → galerie d'engagements en surfaces thématiques → initiative en collage alterné → pédagogie → liens vers les autres familles → CTA.

Rejouée sur une autre thématique, elle change de teinte sans changer de structure.

Ce qui est arrêté · ce qui reste ouvert

Arrêté

  • la grammaire commune
  • la composition des 3 pages
  • l'accueil en posture acquisition

Ouvert — à la marge

  • le hero d'accueil : Bento net retenu, ouvert sur Asymétrie / Cadre éditorial
  • finitions : densité, voiles, wording

Prochain pas

Trancher le hero en revue, puis stabiliser le candidat vers le design system.