Expérience utilisateur

I love design : la sélection du mois

ilovedesign-417

Chaque mois, notre pôle UX/UI vous propose une sélection de sites inspirants.

Et vous ? Quel site vous a marqué ce mois-ci ? Transmettez votre coup de coeur à notre responsable communication et apparaissez dans notre prochaine sélection.

 

Le coup de ❤ de Lucile :

http://classicfordbroncos.com

Présentation

L’entreprise Classic Ford Broncos achète, restaure et revend les premiers modèles de Ford Broncos (1966-1977)

👌

  • Un wordpress plutôt classique, au design réussi. Il donne envie de traverser les Etats-Unis, cheveux aux vent, en Ford Bronco !
  • Des photos de très bonne qualité qui mettent en avant le design des produits
  • Un design clair et épuré qui fait la part belle aux visuels
  • Une typo lisible et agréable
  • Des animations bien choisies
  • Un CSS de qualité
  • Un ton friendly et pro

😶

  • Il manque quelques micro-animations (notamment sur les remontées Instagram)
  • Une seule vidéo sur tout le site (la même sur toutes les fiches produit)
  • La galerie photo des fiches produits aurait pu être plus travaillée (impression de « fourre-tout »)
  • Petit problème de chargement de la map sur la page contact
  • Le prix des Ford (ouin)


vincent intuiti

Le coup de ❤ de Vincent :

http://www.light-house-films.com/

Présentation

Le book d’une agence de films et motion publicitaire ayant pour services la pré-production, la production, la location d’équipement et les services de postprod.

👌

  • Design élégant & interactif
  • Animation de chargement de page légère et rapide
  • Charte graphique web simple et efficace
  • Contenu bien hiérarchisé
  • Style grid cool
  • Menu burger mis en avant par la composition de l’interface
  • Symbiose des typographies utilisées
  • Animation des CTA
  • Interface de location d’équipement intuitive

😶

  • Le scroll ralentit en fonction de la quantité de contenu
  • Alourdissement du site par les vidéos (normal pour un book d’agence motion)


Jehan Romé

Le coup de ❤ de Jehan :

http://www.autodraw.com

Présentation

Auto Draw est une application en ligne créée par Google.  AutoDraw se sert des données recueillies par Quickdraw (une première expérience de dessin offerte par Google en 2016) afin d’aider l’utilisateur à dessiner.

👌

  • Un concept intéressant en deux étapes
  • Une interface sobre et efficace
  • Des raccourcis clavier bien pensés
  • Un responsive réussi sur mobile et tablette

😶

  • Un petit manque de « little big details » (micro-animations) sur l’interface
  • Le choix des dessins et des formes reste limité

alexandre

Le coup de ❤ d’Alex :

http://mrcoopershouseandgarden.co.uk/

Présentation

Le site d’un restaurant en Angleterre.

👌

  • L’interaction en intro est sympa
  • Le vrai plus est l’utilisation de vidéos en lieux et place d’images

😶

  • Le menu est perdu en haut à droite et ne ressort pas à côté des liens réseaux sociaux
  • Le module pour réserver sa table est un échec !
  • La structuration du texte est peu réussie

fabien-aoptimiser

Le coup de ❤ de Fabien :

https://www.mendo.nl/x

Présentation

Vous cherchez à illustrer ce que sont les micro-animations et la valeur ajoutée qu’elles peuvent apporter à votre site ? Ce site est fait pour vous.

👌

  • Le No-design ou la simplicit-efficacité ! À première vue la simplicité de la direction artistique de ce site ne paie pas de mine. Détrompez-vous. Elle fait la part belle aux livres en valorisant les images et couleurs (taille d’image, aplat de la couleur dominante en background…). Une très belle inspiration pour les marketplaces.
  • Les photos : cadrage, habillage et roll-over. Comme évoqué plus haut, ce site sait valoriser les livres qui sont vendus. Les différentes vues et mises en scène des livres (notamment le roll-over au sein des listes) permettent d’avoir un réel aperçu et nous plonge dans l’objet physique. Un pari réussi pour donner l’envie de tenir l’objet entre ses mains.
  • Le design des fiches produit donne l’effet d’un certain storytelling. Si on découvre ce produit pour la première fois, on peut prendre plaisir à scroller pour découvrir les détails (textes et visuels) du livre. Grâce aux grands visuels et à une bonne capacité de zoom, l’utilisateur a l’impression de visualiser le grain de page.
  • Un design qui fonctionne sur smartphone. Ce qui est bien souvent embêtant avec ce genre de site, c’est que les devices mobiles nous contraignent à créer deux expériences différentes. Avec ce site, même si l’utilisateur perd une grande majorité des micro-animations depuis une consultation smartphone, il reste immergé dans l’état d’esprit général de la page.

😶

  • Un site attirant à l’oeil, mais assez vite lassant. Une fois les aspects design parcourus, j’ai cherché des infos utiles et ça n’a pas été aussi simple que souhaité. Les utilisateurs réguliers peuvent peiner à trouver les informations clés en quelques clics.
  • Les textes défilants et le texte noir sur fond blanc finissent par donner un aspect « panneau publicitaire ». On a l’impression de consulter les bandeaux en papier couleur qui sont rajoutés par les maisons d’édition pour faire ressortir le livre sur l’étalage.
  • Le site étant un peu lourd, tous les points positifs peuvent vite devenir négatifs. C’est un peu frustrant d’avoir un grand aplat vert, mais pas de livre qui apparait.

 

 


Morgan-ux-intuiti

Le coup de ❤ de Morgan :

http://www.expedia.com/greatbritain/experience

Présentation

La société de voyages Expedia nous propose une expérience web à travers son projet sur la Grande Bretagne. L’objectif de cette plateforme est de présenter différentes régions britanniques (Londres, Manchester, Le Pays de Galles, Les Cornouailles…) via des vidéos immersives. Une mollette permet de switcher entre chaque vidéo en temps réel.

👌

  • Originalité ++
  • Fluidité entre le switch des vidéos
  • Expérience utilisateur ludique
  • Version responsive optimisée (utilisation du gyroscope)

😶

  • Très bon débit internet conseillé 😉 (surtout sur mobile)



Rendez-vous le mois prochain pour une nouvelle sélection. En attendant, vous pouvez suivre notre board scoop.it : http://www.scoop.it/t/user-interface-by-intuiti

Lire c'est bien, partager c'est bien aussi 😉

Vous souhaitez optimiser votre chaîne d'acquisition client ?
Recevez nos guides pratiques, livres blancs, dossiers thématiques

Réagissez à l'article

Votre commentaire*

Your Name*
Your Webpage