Le nouveau site du joaillier américain Tiffany & Co. est sorti il y a quelques semaines. Il regorge d'idées simples et efficaces à mettre en place d'urgence sur votre futur site e-commerce !!! Petite sélection...

De la clarté avant toute chose

Simple et clair, voilà ce qui pourrait caractériser ce site. La composition des pages est sobre et efficace, ces dernières sont aérées et mettent bien en valeur les produits qui sont illustrés par des visuels très séduisants et de grande taille. Que demander de plus ? La fiche produit est sobre alors son contenu est riche : en effet, beaucoup d'autres éléments apparaissent au survol de certains liens (informations détaillées, vues complémentaires, animations, informations de réassurance...)

Beau et fonctionnel à la fois

Beau, notamment avec les listes de résultat. Elles sont exemplaires car leur composition à 12 produits est originale, elle permet de mettre en valeur 2 produits et rend également la page dynamique.

Fonctionnel, car la liste de résultats permet d'afficher à l'utilisateur plein d'infos mais sans aucune confusion :

  • les informations de base du produit (mini-description et prix) qui sont affichées dans une infobulle,
  • 2 images par produit : quand on survole l'image d'un produit, une seconde image apparait (un zoom),
  • enfin, elle permet d'afficher les résultats par 12 ou bien de les afficher tous dans 1 seule page.

(Ne) Pensez (qu') à l'utilisateur !

La complémentarité entre la liste de résultat et la fiche produit est intéressante car elle a été pensée pour l'utilisateur. En général, lorsque l'on effectue une recherche, on passe son temps à faire des allers-retours entre ces 2 pages. Pour parer à ce problème, Tiffany affiche tout simplement sur la fiche produit les derniers résultats de notre recherche. Ainsi, les produits sont directement accessibles sans avoir à retourner sur la page précédente. Et si je souhaite modifier ma requête, je peux toujours cliquer sur le lien "back to search list". Simple non ?

Les internautes cherchent ? Aidez-les à trouver !

Le moteur de recherche propose 2 modes de recherche, simple et avancée (jusqu'ici, rien d'extraordinaire) mais il propose surtout un correcteur orthographique automatique pour certains mots (tapez "coulored diamonds") et des mots dont la syntaxe est similaire à celui que l'on a tapé (ce qui est très utile quand on a fait des fautes de frappe). Bref, là encore on a pensé à l'utilisateur et sa recherche s'en trouve facilitée.

Et la technique dans tout ça ?

HTML ? Ajax ? Flash ? C'est simple, ils ont utilisé le meilleurs des trois ! Le site est en HTML, les listes de résultat se rafraîchissent en Ajax et certains contenus sont traités en Flash (ce dernier comporte d'ailleurs des accès directs).

Conclusion

Le site répond aux codes utilisés généralement dans le luxe, il est très agréable à utiliser et il a sû marier intelligemment esthétisme, utilisabilité et technique.

C'est un site à copier sans modération vous ne trouvez pas ??? ;-)