bandeau_blog_cleor

Refonte graphique et technique pour CLEOR : Nouveau site eCommerce Magento ENTERPRISE

Créée en 1997, Cleor est une enseigne spécialisée dans la vente de bijoux et montres.
Elle dispose d’un réseau de plus de 120 bijouteries en France et un site ecommerce.

Dans le cadre d’un appel d’offre, nous avons été sélectionné pour travailler à la refonte du site ecommerce CLEOR : http://www.cleor.com

Le besoin client couvrait tous les aspects d’une refonte complète :

  • Une gestion plus aisée du site au quotidien pour les équipes de Cléor qui souhaitent gagner en autonomie sur les mises à jour (Référentiel produits, Animation marketing, Merchandising, Contenus institutionnels)
  • Développer l’activité internet
  • Améliorer le taux de conversion
  • Relayer l’image de marque
  • Améliorer la visibilité du réseau de boutiques
  • Déployer l’activité à l’international
  • Disposer d’un site compatible avec tous types de support (Desktop, Mobile, Tablette …)

Cleor interface responsive

Réponse SOON : MAGENTO ENTERPRISE ET DESIGN SUR MESURE

Nous avons déployé en 4 mois un site ecommerce sur la base d’un MAGENTO ENTERPRISE, répondant aux fonctionnalités demandées par le client et permettant une migration des données de son ancienne boutique PRESTASHOP vers le nouveau cms MAGENTO.

Le studio graphique a réalisé un projet responsive, avec une conception pensée pour être lisible et efficace sur desktop, tablette et smartphone tout en développant l’univers de la marque.

————————————–

I. Comment optimiser l’animation commerciale et la mise à jour du site ?

SLIDER D’ACCUEIL MODULAIRE

Le studio créa SOON a conçu un slider modulaire permettant au client de choisir entre 3 agencements possibles, lui permettant de bien gérer son animation commerciale. Le slider est adapté au responsive, les blocs se réajustant homothétiquement sur tablette et passant en colonne sur smartphone.

Sans titre-3

SOON MERCHANDIZER

Pour permettre au client d’animer et controler le merchandising de son offre produit, nous avons mis en place le module SOON MERCHANDIZER, qui permet de gérer la position des produits dans les listings grâce à un système de drag & drop en backoffice.

Module SOON MERCHANDIZER

 GRAVURE PRODUIT

En s’appuyant sur les options personnalisables des produits groupés MAGENTO, nous avons mis en place une fonction de gravure produit qui permet de personnaliser certains articles, avec sélection de la police de son choix :

Gravure sur bijoux CLEOR

 

Interfaçages produits, commandes, clients, abonnés newsletter

Nous avons utilisé le module Soon_DataSync qui est un framework réalisé en interne, permettant l’import/export des principaux flux de l’activité de vente en ligne :

– Import produits
– Exports commandes
– Exports clients
– Exports abonnés newsletter

Ce module s’interface avec l’ERP CLEOR qui est ODEIS, un ERP dédié aux enseignes du bijou et du diamant : http://www.odeis.net

II. Comment refondre l’interface en modernisant l’image de marque ?

L’offre Cleor se découpe en deux grandes familles : la bijouterie et l’horlogerie.

On peut accéder à ces familles avec une navigation par typologie produit (bague, bracelet…), par matière (or, argent, céramique…) ou bien par marque.

 Nous avons travaillé sur une mise en page lisible qui permet d’utiliser ces trois types de navigation, couplée au moteur de recherche SOLR qui propose des résultats complémentaires à la recherche initiale

Module de recherche SOON SOLR

L’interface a été conçue en responsive, avec une réalisation prévue pour support desktop, tablette et smartphone.

Cela permet à l’interface d’occuper toute la largeur du device disponible, et donc d’être lisibile sur tous les supports.

Interface réalisée pour desktop, tablette et mobile

Le studio graphique a opté pour une webfont lisible et moderne: la Montserra.
Celle-ci a été complétée par une police avec empattement : la Playfair Display.

Ces polices proviennent de Google Fonts, permettant une rapidité d’affichage et une compatibilité sur tous les supports de navigateurs.

Google font pour l'interface CLEOR

Nous avons travaillé sur la base de la charte colorielle existante :

Code Pantone de la charte graphique CLEOR

La réassurance a été soignée, avec la création de pictogrammes pour illustrer les services et garanties proposés par le site.

On retrouve ces pictogrammes tout au long de la navigation visiteur : Dans les listings produits, dans le tunnel de commande, dans les emails transactionnels.

Icones et pictogrammes vectoriels pour CLEOR par le studio graphique SOON

 ————————————–

III. Comment créer et maintenir un lien avec le visiteur ?

A travers un système de carte fidélité, utilisable en boutique comme sur le site ecommerce, permet de cumuler des “carats” (Points fidélité) grâce aux achats en ligne et hors ligne.
Nous nous sommes interfacé avec Aquitem, qui propose la gestion des programmes fidélité aux grandes enseignes : http://www.aquitem.fr

Le visiteur peut également consulter et suivre son crédit de points fidélité directement sur le site.

Système de carte fidélité CLEOR

Un dispositif complet de présence sur les réseaux sociaux (Facebook, Twitter, Pinterest et Google+) couplé à une newsletter permet de maintenir et informer les clients efficacement des dernières collections et promotions produits.

————————————–

IV. Comment mettre en valeur le réseau physique de boutiques ?

Pour pousser les clients à visiter les points de vente, un module de Store Locator permet de trouver la boutique la plus proche, en saisissant un code postal, et ainsi d’accèder à une carte listant les points de vente.

Par défaut, le module géolocalise le visiteur et lui propose une carte centrée sur sa position avec les boutiques les plus proches.

Storelocator avec localisation du visiteur

 Des remontées graphiques à travers le site permettent aussi de mettre en valeur les dernières ouvertures de magasins.

Mise en valeur des nouvelles boutiques

 ————————————–

V. Chiffres clefs :

  • 54 maquettes desktop ; 29 maquettes mobile ; 34 maquettes tablette
  • 184h de créa
  • 86 345 produits
  • 4 mois de réalisation avec une équipe de 8 personnes
  • Une vitesse d’affichage des pages de 28ms
  • 3 677 915 lignes de code

Découvrez le nouveau site ecommerce de Cleor : http://www.cleor.com

CLEOR ecommerce

cleor, ecommerce, enterprise, ergonomique, graphique, interfaçage, Magento, refonte, responsive, store, vente en liigne

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *