TAG Heuer x Mario KartLanding page


L’agence digitale Bonhomme accompagne TAG Heuer pour le lancement de la nouvelle collaboration avec Mario Kart. Les films de la campagne sont sublimés à travers une expérience fluide et dynamique à l’image du célèbre jeu vidéo.

UX / UI

Comment mettre en avant les assets de la campagne en gardant la même logique narrative sur un support digital ? Chaque vidéo est découpée en plusieurs courtes séquences dévoilées au scroll sur la page. La double navigation permet de basculer rapidement d’une montre à l’autre afin de comparer chaque point clé (cadran, bracelet, chronographes…).

Mockups de la landing page
Maquettes site web

Transition

Le principe de transition entre les scènes est développé en WebGL et fait écho à l’univers de Mario Kart. Chaque transition entre les montres et les points clés est ponctuée par un effet d'accélération pour accentuer le dynamisme insufflé dans les films de campagne.

Mobile first

Chaque élément est pensé pour offrir une expérience digitale complète sur mobile, de la double navigation qui réagit au scroll à l’effet de transition en WebGL. Fluide, la page offre la possibilité de rapidement accéder aux nombreux contenus sans scroller à l’infini.

Landing dans téléphone

Informations

Awards x7

  1. TAG Heuer Mario KartAwwwardsHonorable Mention
  2. TAG Heuer Mario KartCSSDAInnovation
  3. TAG Heuer Mario KartCSSDAUX
  4. TAG Heuer Mario KartCSSDAWebsite Of The Day
  5. TAG Heuer Mario KartCSSDAUI
  6. TAG Heuer Mario KartWD AWARDSWeb Design Of The Day
  7. TAG Heuer Mario KartWD AWARDSWeb Design Of The Month

Découvrir nos projets