Diams.com - refonte e-commerce

Brief

Créé en 2004 à Lausanne par un gemmologue passionné, Diams.com devient le premier site Web Suisse de vente de diamants, de météorites et de bijoux. Ceci avec une totale transparence des prix et surtout des valeurs éthiques et sociales.

Antistatique a été mandaté pour aider l'équipe dans la refonte de cette plateforme e-commerce : afin d'améliorer l’expérience globale des visiteurs, de la découverte des produits aux étapes d’achat, et de la gestion multi-marchés à la communication avec les clients (e-mails transactionnels). Nous avons aussi réalisé la mise en place technique et l'optimisation du système dans le cadre d'une amélioration continue.

 

Personas 1
Personas 2

Analyser et étudier

Qui êtes-vous, madame & monsieur ?

Pour connaître le métier de notre client et aussi mieux cerner les personnes à qui on va adresser le service en priorité, nous réalisons des ateliers pour la création de personas. Ces archétypes des futurs utilisateurs de la plateforme nous suivront tout au long du projet. Ils guident nos décisions de design et d'implémentation. Ce sont aussi selon ces profils que nous recrutons les personnes qui participent aux tests utilisateurs. L'image que vous venez de passer présente une forme que peut prendre cette étude. La galerie des portraits de nos futurs auditeurs !

Do you speak planète, oder just countries?

Nous avions à intégrer dans notre réflexion une autre particularité : il s'agit d'un site qui vit en plusieurs langues, qui commerce avec plusieurs monnaies et qui est accessible partout. Une segmentation qui nous permit de mettre en pratique toutes ces notions d'internationalisation, de localisation et d'accessibilité de l'information. Nous avons “essayé” de penser à tous les cas d'usages. Un expatrié américain, parlant bien sûr anglais, qui se connecte depuis la Suisse, mais qui veut voir les prix en Euros (pour pouvoir comparer peut-être). Un suisse, parlant allemand, connecté depuis son lieu de vacances, parlant plusieurs langues, consultant le site en français et voulant vérifier l'état de sa commande. Etc. Ces réflexions nous mènent à écrire des scénarios, des “epics” également pour nos amis développeurs. Ceci pour être sûr de ne rien oublier ! Et ces choix de conceptions ont bien sûr des implications sur les choix technologiques, sur la préparation du contenu et la suite de l'organisation du projet.

Wireframes: attention, chantier en cours !

Une fois qu'on a compris et identifié à qui on s'adresse, une fois qu'on a écrit les contours de ce système, il faut dessiner l'architecture qui va accueillir contenus et design visuel. Parfois nous réalisons des zonings (constructions rapides et très haut niveau des pages), parfois nous réalisons du prototypage rapide directement avec le client, mais pour ce projet nous avons opté pour les presque “traditionnels” wireframes. Nous avions en effet besoin de visualiser précisément le contenu des pages, les différents composants, la grille, les interactions. Les wireframes permettaient aussi de montrer les éléments qui rentrent dans la construction d'une bonne expérience e-commerce. Expliquer l'expertise, montrer les certifications, expliquer la qualité, afficher le mieux possible les zones de réassurance, etc. Ci-dessous, voici un exemple de wireframes pour la page d'accueil, une page de catégorie et enfin la page de détails d'un produit. C'est très souvent ces pages qui sont au cœur l'expérience e-commerce. Celles que l'on va prendre le plus grand soin à construire et à améliorer au fur et à mesure des évolutions du site.

Wireframes 1
Wireframes 2

“Diamonds are a designer's best friend.”

Nous avions déjà beaucoup appris du métier de notre client, de ses clients. Nous avons combiné tout ça à notre expérience du e-commerce. Nous voulions aussi étudier l'univers graphique que cette plateforme pouvait posséder. Pour compléter le tableau, mais aussi pour aider l'équipe du client. Nous avons entre autre réalisé une série de moodboards. Ces planches de styles permettent d'explorer différents univers visuels qui correspondent aux valeurs de la marque, aux produits vendus et aux personas définis plus tôt. Voici un extrait du travail réalisé.

Moodboard diams.com - planche de styles

Solutions proposées et mises en place

 

La plateforme e-commerce Magento a été sélectionnée pour ce projet, notamment pour son support multi-langues, multi-boutiques et multi-devises. Magento est un acteur majeur sur le marché de l’e-commerce Open Source et offre des fonctionnalités avancées permettant de monter aisément en puissance pour étendre une activité vers de nouveaux marchés.

Multi-marchés — internationalisation

Une des composantes du projet est que la plateforme réponde aux exigences du marché Suisse, mais aussi aux exigences des marchés européens et internationaux comme la France, l’Allemagne, l’Île-Maurice ou encore les Émirats Arabes Unis.

La configuration des paramètres internationaux a fait l’objet d’une attention particulière et des développements sur mesure ont été réalisés. Des paramètres de langue et de locale aux taxes locales en passant pour les frais de livraison.

Multi-langues et multi-devises

En premier lieu, le site est multi-langue et des développements sur mesure ont été réalisés afin de simplifier la gestion des traductions des produits entre les différents marchés.

Il est possible d’acheter des produits dans plusieurs devises.

Multi-boutiques

Différentes boutiques ont été configurées sur la même instance de Magento pour gérer les différents marchés. Ces marchés partagent majoritairement le même catalogue, mais il est possible de faire des exclusivités.

API & Web Services

Diams.ch possède une application existante pour effectuer des recherches de diamants en fonction de critères spécifiques. Cette application est connectée à la bourse aux diamants.

Notre travail a été d’intégrer cette application en utilisant l’API et les Web Services de Magento afin de pouvoir directement acheter un diamant proposé par l’application.

Reflexion CRM

Qui dit expérience client, dit aussi prendre soin de la relation que l'on entretient avec ceux-ci. Il faut pouvoir suivre de manière précise et régulière leurs achats, leurs messages, leurs parcours. Nous avons pu accompagner l'équipe diams.com dans la sélection d'un nouvel outil CRM (Customer Relationship Management). Nous avons ensuite suivi l'intégration de cet outil à la plateforme Magento.

Découvertes et richesses

Nous avons eu beaucoup de plaisir à découvrir l'univers de la vente de diamants, de météorites et de pierres précieuses. La passion que Ramon, le fondateur de Diams, a su transmettre pendant les réunions et les discussions, reste un des meilleurs souvenirs sur ce projet. On ne vous cache pas qu'on aurait bien fait un petit voyage à Tahiti, pour découvrir la culture des perles noires. Pour être plus connecté aux produits de notre client… Bien sûr !

Faites un petit tour par le site, faites vous plaisir ou faites plaisir à quelqu'un(e) !