LE BLOG

Toute l'actualité des CMS et de notre agence web.

Comme chaque mois, Romain, notre directeur artistique, vous propose sa sélection de sites web incontournables. Découvrez notre TOP 3 des sites avec expériences UI/UX* qui ont marqués notre agence digitale en février.

Colgate Secrets

webdesign site web ui ux colgate 2018

Pour ce nouvel article, les Russes sont à l’honneur avec l’agence Possible Group pour le compte du géant de l’hygiène bucco dentaire Colgate. La marque nous plonge en immersion totale dans une expérience digitale avec pour thème l’Asie grandeur nature. 

Par le biais du menu “chapitre” nous partons sans escale vers la Chine. La traduction graphique de cet univers, particulièrement efficace, est représentée par des vidéos et des images en background full size. Reproduisant la muraille de Chine, le parcours dirige l’utilisateur au travers des différentes gammes Colgate. 

Souhaitant adapter son discours à une cible millénial, le parti pris employé fait typiquement référence à Instagram et à Murad Osmann avec des photos “tendances” de jeune femme de dos tenant la main de son compagnon comme il fut le premier à le faire.

Si le chargement est trop long, n’hésitez pas à changer de navigateur ! Pour notre part, le travail de réflexion de la marque et l’agence nous a impressionné, même si l’immersion est parfois complexe et un peu trop subtile. Un point d’amélioration : rendre le scroll un peu moins réactif, fluidifiant ainsi le parcours utilisateur.

#photography #video #webinteractive #fullsizebackground #html5 #css3 #svg #angularJS

 

Ueno Interview

webdesign site web ui ux ueno 2018

Un concept d’interview interactive full 3D, ou comment redéfinir les codes du recrutement en adoptant un angle ludique, voici le paris de la plateforme Ueno. A la manière d’un jeu vidéo, le potentiel candidat incarne un hot-dog et se déplace dans l’espace représentant les futurs bureaux à la rencontre des différents membres l’équipe. 

Excentrique et original, le thème aux couleurs vives avec un style minimaliste soutenu nous ramène 15 ans en arrière, avec une ambiance musical digne des jeux Rayman ! Le point fort de l’expérience client réside dans la simplicité d'interaction, l’utilisateur ne peut qu’être enjoué en parcourant ce site mais pour cela il ne faut pas oublier d’activer le son !

Le webGL est utilisé de plus en plus sur les sites “tendances”. Ici, pas d’idée créative contrainte par les possibilités techniques, la technologie et la créa forment un tout, pensé pour une immersion totale et décalée.

Pour le côté expérience utilisateur, la longueur du parcours utilisateur, pouvant durer plusieurs minutes, avant d’avoir le call to action pour postuler risque de perdre une partie des visiteurs, à moins que cela ne soit voulu afin de ne garder que les candidats les plus téméraires !

Pour finir, afin de rendre l’expérience encore plus ludique et captivante, nous aurions éventuellement appréciés des animations “inutiles” mais efficaces : tel que le fait de pouvoir sauter dans la piscine, mettre une enveloppe dans la boîte aux lettres. Pour le coup, on y aurait bien passé l’après-midi !

#game #animations #colorful #responsive #webGL #GSAP #animation #Three.js

 

Nike Cortez

webdesign site web ui ux nike 2018

Le modèle culte “Nike Cortez” de Bill Bowerman célèbre son 45ème anniversaire. À cette occasion un site italien revendant la chaussure iconique présente 4 décennies de modes vestimentaires associées à la Nike.

Site créatif aux allures de portfolio, il est facile pour l’utilisateur de rentrer dans une époque avec une vidéo full size qui se lance au hover (passage de la souris). L’immersion dans ce catalogue par le biais d’images interactives et esthétiquement très affirmées pousse l’utilisateur de façon subtile à se rediriger vers l’e-boutique aw-lab. 

Très visuel, le système de navigation propose plusieurs choix pour switcher entre deux années : à gauche et à droite de l’écran ainsi que dans le footer. De quoi permettre au visiteur de se promener sur les différentes pages facilement avec un curseur basket à la place d’une souris. Certaines images s’agitent sur place ; si nous la sélectionnons, l’image laisse place à un Gif. 

En revanche, même si nous comprenons l'objectif de conversion en e-commerce, l’expérience utilisateur aurait pu être optimisée afin de profiter pleinement du site. En effet, lorsque nous cliquons sur une image présentant la chaussure, nous sortons directement du site. Un call to action permettant l'ouverture d'une nouvelle fenêtre aurait été plus pertinent. Donc ne soyez pas pressé, prenez votre temps pour admirer le site et les différents modèles de Nike Cortez qui y sont intégrés !

#fashion #sport #storytelling #colorful #video #transition #html5 #svg #apache #modernizr

 

MENTION SPÉCIALE. Les nuances de recettes by d’aucy

webdesign site web ui ux daucy 2018

Une nuance de couleur, un aliment ! 

En partant d’un contenu de marque ultra simpliste -des recettes avec les produits d’Aucy- la marque nous démontre qu’il est possible de créer quelque chose de très efficace à partir de quelque chose de simple. Le design du site, le partage d’écran avec le produit sur la gauche et la recette qui lui est attribuée sur la droite, concept assez peu original, fonctionne ici parfaitement !

D'Aucy a axé sa communication sur de la création de brand content qui met en avant comment utiliser leurs produits au lieu de donner à l’utilisateur une raison de les acheter. En effet, de plus en plus de personnes affectionnent le côté “à faire soi-même”, et cette tendance n’est pas prête de s'essouffler.

Il ne vous reste plus qu’à faire plaisir à vos papilles en tentant de reproduire les recettes depuis chez vous !

#food #transition #colorful #jquery #CSS3

 


Pour ce nouvel article, les Russes sont à l’honneur avec l’agence https://www.possiblegroup.ru/  pour le compte du géant de l’hygiène bucco dentaire Colgate. La marque nous plonge en immersion totale dans une expérience digitale avec pour thème l’Asie grandeur nature.


Par le biais du menu “chapitre” nous partons sans escale vers la Chine. La traduction graphique de cet univers, particulièrement efficace, est représentée par des vidéos et des images en background full size. Reproduisant la muraille de Chine, le parcours dirige l’utilisateur au travers des différentes gammes Colgate.


Souhaitant adapter son discours à une cible millénial, le parti pris employé fait typiquement référence à Instagram et à Murad osmann avec des photos “tendances” de jeune femme de dos tenant la main de son compagnon comme il fut le premier à le faire.


Si le chargement est trop long, n’hésitez pas à changer de navigateur ! Pour notre part, le travail de réflexion de la marque et l’agence nous a impressionné, même si l’immersion est parfois complexe et un peu trop subtile. Un point d’amélioration : rendre le scroll un peu moins réactif, fluidifiant ainsi le parcours utilisateur.


#photography #video #web & interactive #full size background #html5 #css3 #svg #angular JS

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.

Nous vous suggérons également...

Télécharger nos livres blancs

livre blanc blog

A chaque marché sont site e-commerce 

Nous vous livrrons tous les secrets pour réussir sa boutique en ligne dans la mode, le sport et les pièces détâchées.