Bonhomme
Digital - Motion
À l’occasion de ses 90 ans, la marque au crocodile fait appel à l’agence créative Bonhomme pour illustrer l’histoire de Lacoste. Reposant sur une UX/UI épurée et orientée luxe, l’expérience raconte l'aventure que la marque traverse au cours des années grâce à une multitude de contenus animés en motion design, tout en offrant une navigation innovante, ludique et rythmée.
https://www.lacoste.com/fr/lacoste-heritage.htmlBonhomme à su faire preuve de réactivité et d’adaptation face aux nombreuses problématiques de ce sujet, tout en faisant preuve de patience, dans une bonne humeur constante.
L’expérience repose sur un webdesign moderne en s'appuyant sur une UX accessible au public cible de la marque tout en mettant en avant la richesse de son histoire. La navigation linéaire est rythmée par une grille qui surprend par ses différences d’échelle, ainsi que par l’alternance entre scroll vertical et scroll horizontal. Le crocodile emblématique, modélisé en 3D dans un contexte WebGL, accompagne les utilisateurs dans leur découverte de la page. Joueur, il change de couleur au fil des chapitres, accessibles grace à une navigation rapide positionnée en bas de l'écran.
Comment raconter une anecdote en une seule illustration ? C'est l’enjeu derrière le travail de motion design accompli sur les différents contenus de la marque. En interprétant visuellement l’histoire à travers les contenus de Lacoste, les descriptions restent simples et participent au design épuré du site. Parmi ces illustrations, Bonhomme produit aussi l'animation des dessins techniques, la superposition de traits par dessus les images ou encore la mise en mouvement des différentes affiches emblématiques de la marque.
Pour répondre aux usages de plus en plus orientés mobile dans le secteur du Luxe, Bonhomme propose systématiquement une approche UX/UI mobile first. Dès la conception, les maquettes de webdesign sont créées sur la base de formats mobile puis adaptées en version desktop, et non l'inverse.