• ui design
  • ux design
  • hiérarchie de l'information
  • espace mon compte

Projet avec l’agence preferendum

Chopin Technologies

Chopin est une référence dans le domaines des appareils de contrôle des céréales. Ainsi, leur site se doit d’être à l’image de leur réputation.

mise en situation sur ipad et mobile du site chopin technologie

Le challenge

Les challenges sont multiples :
Comment proposer un e-commerce qui ne se noiera pas dans le flot d’information ?

Comment guider les utilisateurs dans leurs choix de produit ?
Comment faire un suivi personnalisé des utilisateurs inscrit et possédant un appareils ?

e-commerce du site Chopin avec une présentation de la mosaïque et des filtres

Le e-commerce

L’une des parties centrales du site :

  • Système de filtres activés-désactives.
  • Champ de recherche.
  • Classement en deux temps, les produits Chopin, puis les produits non « brandés » Chopin.
  • Un accès au guide de choix pour aider l’utilisateur dans sa recherche.
  • Un téléchargement papier de tous les produits, indispensable pour les utilisateurs plus à l’aise avec les formats papiers.

Lorsqu’on clique sur « voir le produit », on est dirigé vers la fiche détaillé du produit.

Guide de choix

Il est une aide précieuse pour les utilisateurs qui veulent être sur de faire le bon choix (ex : machine pluri-disciplinaire) :

  • Le guide de choix commence avec une première question à propos du type de contrôle a effectuer.
  • Chaque réponse guide le choix vers une autre question qui affine l’arbre des possible vers une selection de produits pertinents.

Ici, le design graphique est claire et l’interaction est ludique. Nous n’avons pas à remonter une arborescence compliquée, nous sommes guider dans cette arborescence, et seules apparaissent les informations qui concerne les besoins de l’utilisateur.

Pour une notion de confort, le parcours des réponses se retrouve à gauche du guide de choix et suis le scroll. Ainsi, si une l’utilisateur s’est trompé sur une réponse, ce n’est pas irréversible, il suffit de cliquer sur la réponse que l’on veut changer à gauche pour y remédier.

 

ui design du guide de choix chopin

Carte des distributeurs chopin

La carte interactive

La carte Chopin est une mine d’information sur la localisation des filiales Chopin, des distributeurs et des réparateurs proposé par la marque.

  • Nous commençons par une vue d’ensemble sur la carte.
  • Un champ de recherche permet de trouver les points d’intérêt par rapport à une localisation ou directement un distributeur pour par exemple, avoir ses coordonnées de contact.

Pages 403 et 404

Il va de soit que tout site possède une interface de redirection pour les pages non trouvées ou à accès réglementés.

Dans le monde du web, il est commun et bien vue par les utilisateurs que ces pages soit tinté d’humour pour des raisons qui deviennent peu à peu de la culture web, mais aussi pour dédramatiser la situation.

page 404 avec le musicien Chopin et un petit message qui dit "oops, vous vous êtes trompé de Chopin"

Projets liés