Comme chaque début de mois, notre agence web vous propose sa sélection de sites internet incontournables. Découvrez notre TOP 3 des sites avec expériences UI/UX* qui nous ont marquées, sélectionnées par notre expert du Webdesign.
Weber
Notre premier coup de coeur se porte sur la Rolls du barbecue, le Zidane de la grillade, à savoir la marque Weber ! La marque identifiable instantanément par les connaisseurs grâce à ses barbecues de forme ronde a choisi le CMS Drupal pour son site e-commerce, avec une identité graphique simple et efficace. Les couleurs du logo Weber (rouge, noir et blanc) sont déclinées sur l’intégralité du site ce qui permet une immersion totale dans l’univers de la marque et du barbecue. De plus, le jeu de typographies, reprenant les codes d’anciens packagings liés au secteur, accentuent également cette impression.
Les visuels et illustrations utilisés sur l’intégralité du site sont très soignés, les filtres animés sur les fiches produits offrent une expérience de personnalisation très confortable, ce qui permet d’appuyer le positionnement premium de la marque. Enfin le guide de recettes sous forme d’un livre animé permet de proposer du contenu non commercial aux utilisateurs et ainsi de positionner la marque comme référente sur le secteur du barbecue.
Pas de grands effets ou d’animation sur ce site mais un univers de marque affirmé qui offre une expérience utilisateur bien pensée et terriblement efficace !
#ecommerce #food #drupal #animations #css #color
Le livre numérique Gucci Gift 2017
Surprenant, original, curieux, excentrique, déroutant... Il n’y a pas de mots pour définir avec exactitude la sensation que nous avons eu à la première vue du site de Gucci. La marque iconique italienne redéfinit ici les codes du catalogue de Noël pour présenter ses produits.
Sur un site s’adaptant à toutes les largeurs d’écrans, même les plus grandes, l’internaute est invité à découvrir et parcourir, simplement grâce au scroll, les différents univers et produits de la marque. Chaque produit a été dessiné en digital painting, c’est à dire en peinture numérique. Celle-ci est parfois animée grâce à l’action du scroll de la souris pour créer une histoire où seul l’internaute est maître. L'utilisateur peut à tout moment cliquer sur un dessin pour se diriger vers la fiche produit du site marchand.
L’ensemble du site fourmille de détails : l’heure, la température, la date, le password, un énorme burger menu avec une image de main pour le hover ainsi que des illustrations animées dans le footer.
Trop psychédélique pour certain ? Pour notre part, l’immersion dans l’univers de la marque fut un peu complexe, mais une deuxième lecture met en lumière un très gros travail de réflexion et de conception, ce qui justifie notre coup de cœur. Le seul point négatif est l’utilisation de target blank sur les visuels qui font sortir du site. Une popup dans laquelle serait encapsulée la boutique aurait permis de fluidifier le parcours utilisateur.
#fashion #colorful #digital #painting #illustration #HTML5 #jquery #fullscreen #parallax
My Jolie Candle
My Jolie Candle est clairement notre coup de coeur du mois ! Avec un site e-commerce réalisé sous PrestaShop 1.7, le concept phare de Noël propose en effet des bougies surprises, renfermant un bijou Swarovski à l’intérieur.
Le point fort de l’expérience utilisateur de ce site réside dans les animations subtilement utilisées. Le concept est expliqué via une animation en 3 étapes très simple à comprendre permettant un gain de temps et un meilleur impact par rapport à du texte. Les fiches produits et leur univers, les éléments de réassurance sont également animés au scroll ce qui rend le site dynamique et attrayant.
Parfaitement responsive, la marque rend la part belle à sa communauté en mettant en avant l’UGC (User Generated Content) via un lookbook regroupant les posts Instagram, permettant une attribution plus forte au produit et à l’univers de marque.
Les seuls points négatifs résident dans un univers très (trop?) épuré qui peut manquer de chaleur et gêner la lisibilité de certains éléments, comme le menu hiver avec le background en opacité de blanc.
#fullscreen #ecommerce #animation #responsive #prestashop 1.7
L'agence123, agence digitale composée d’un pôle webdesign UI / UX, vous accompagne dans l'élaboration d'une expérience unique pour vos visiteurs.
*UI : Interface utilisateur, l’UI correspond au design fonctionnel du site en jouant sur la sensibilité de l’internaute.
*UX : Expérience Utilisateur, l’UX prend en compte le parcours de l’internaute et facilite son expérience au sein du site Internet.
