Pourquoi cette refonte ?

Lors de nos échanges avec les créateurs de Nuances Gourmandes, nous avons soulevé les problématiques suivantes :

Le site existant ne permettait pas à l’internaute de réaliser l’achat de produits en ligne, ce qui constituait un frein à leur développement commercial
Le design du site manquait de modernisme et devait être repensé pour mettre en avant la diversité et la qualité des produits proposés

Des choix graphiques adaptés

Afin de proposer un site e-commerce simple et intuitif avec un design actuel qui met en avant le produit, plusieurs axes graphiques ont été retenus :

Mise en avant de visuels qui occupent une grande part de l’espace sur les différentes pages du site avec un choix de photos travaillées pour souligner l’aspect « coloré » et « gourmand » des produits
La couleur beige en fond a été choisie pour habiller les pages et rappeler l’univers « doux et crémeux » des macarons
Plusieurs éléments font écho à la forme du macaron et à la « rondeur » qui va de pair avec cet univers de « douceur » : la forme des boutons d'appel à l'action, les formes rondes en fond de titres, le choix d'une police sans Serif (=sans empattement)
Pour traduire de l'aspect artisanal du produit, nous avons fait le choix d'utiliser une seconde typographie, Inknut Antiqua, pour le menu principal. Cette dernière a une forme travaillée et manuscrite et apporte de la personnalité à l'univers de Nuances Gourmandes et souligne le côté « fait-maison »
Les codes du e-commerce ont été repris pour permettre à l’utilisateur de rapidement identifier les informations importantes et commander en toute sérénité tout en allégeant au maximum les pages pour ne pas perturber l’esprit « épuré » du site

Au-delà de la simple refonte graphique, nous avons également repensé toute l’expérience utilisateur afin de guider l’internaute dans sa navigation et la réalisation de ses commandes en ligne.

Les pôles Design, Marketing et Technique ont ainsi travaillé ensemble à la mise en place de solutions appropriées pour générer du trafic qualifié et optimiser les conversions sur ce site.

Zoom sur la confection d’une box sur mesure

Cette fonctionnalité permettant à l’internaute de réaliser une box entièrement personnalisée en choisissant la taille de la boîte (pour 8, 16 ou 32 macarons) mais également sa composition parmi tous les macarons disponibles est un vrai plus pour le site.

Nous avons ainsi voulu mettre l’accent sur l’ergonomie de ce module, notamment grâce aux éléments suivants :

Nombre d’étapes de confection de la box limité à 3
Ajout de comportements dynamiques au survol des produits pour apporter plus de fluidité et d’interactivité
Pour la sélection des produits, le drag & drop a été proscrit, au profit du clic plus pratique et plus intuitif
Ajout d’une option de tri par famille de produits
Affichage en pop-up de fiches produits détaillées pour alléger le contenu fixe sur la page

Pourquoi cette refonte ?

Des choix graphiques adaptés

Zoom sur la confection d’une box sur mesure

Résultats obtenus