bandeau_blog_isotoner

Une refonte graphique et technique pour ISOTONER : Une interface 100% responsive sous Magento Enterprise

ISOTONER est une marque américaine proposant des chaussons, gants, parapluies pour femmes, hommes et enfants. Au terme de son appel d’offres, la société ISOTONER nous confie la refonte complète de sa boutique e-commerce : http://www.isotoner.fr

Notre objectif ?

  • Élargir le cœur de cible en proposant et mettant en valeur de nouvelles gammes produits
  • Améliorer le taux de transformation actuel
  • Améliorer l’image de marque de la société pour la positionner comme une entreprise innovante
  • Accompagner le client sur son arborescence produit pour que les clients trouvent facilement les catégories les plus demandées, tout en donnant de la visibilité sur les gammes produits à développer.

L’agence SOON a déployé la boutique Magento responsive en 4 mois.

visuel_istoner1

POURQUOI MAGENTO :

La solution MAGENTO est en parfaite adéquation avec les besoins client :

  • La gestion d’un catalogue vaste, de 4 000 produits simples et configurables
  • Une clientèle internationale justifiant d’une boutique multi-langues
  • La gestion des groupes clients, avec des règles de promotions spécifiques
  • Un système de points fidélité pour suivre et récompenser les clients réguliers
  • Un module de helpdesk pour accompagner la relation client
  • Un module de store locator pour localiser les points de vente les plus proches du client
  • Interfaçages divers (SI, marketplaces, terradata, lengow, google merchant…)

 

SPECIFICITES TECHNIQUES DU PROJET :

– Système de cache Varnish & Redis

Pour faire face au volume de trafic sur le site, nous avons opté pour un système de cache Varnish couplé à Redis pour optimiser la charge des serveurs.

bandeau_varnish_redis

– Recherche Soon_SOLR

Nous avons mis en place le module de recherche avancé Soon_SOLR qui permet de proposer des choix complémentaires à une recherche initiale.

visuel_solr1

UNE CHARTE GRAPHIQUE SUR MESURE

UNE ERGONOMIE REPENSÉE :

Sur la base de l’ancien catalogue produit du client, nous avons repensé l’arborescence pour la limiter à deux niveaux maximum.
Il peut être tentant de segmenter les produits un maximum, mais cela nuit à la navigation et nous recommandons toujours de limiter les niveaux d’arborescence.

Cette nouvelle arborescence a permis de définir un storyboard complet, sur une grille responsive qui permet de voir les proportions et emplacements des éléments :

zonings

UNE IMAGE DE MARQUE FORTE :

La société ISOTONER véhicule des valeurs fortes comme la qualité, la simplicité, la fonctionnalité et bénéficie d’une image d’experte dans son domaine. Nous avons retranscrit ces valeurs au travers d’illustrations mettant en avant les innovations produits :

iconographie

Le code couleur devait installer une atmosphère lumineuse qui sublime le produit, avec des touches de couleur pour guider le regard de l’utilisateur.

pantone

Le flat design était tout indiqué pour inscrire le site ecommerce ISOTONER dans les grandes tendances graphiques, tout en mettant en valeur les visuels des articles proposés :

flat_design

Ce style graphique permet aussi de proposer des bandeaux univers sur chaque catégorie de produit et des sliders pour la page d’accueil, sans alourdir le graphisme et la lisibilité du site :

bandeau_accueil2

UN PROJET 100% RESPONSIVE

Le dispositif digital réalisé par l’agence SOON couvre l’ensemble des supports d’affichage existants : Les interfaces ISOTONER ont été conçues sur une base responsive, qui permet de détecter et de s’adapter au device de l’utilisateur. Nous avons conçus et intégré les maquettes en trois modèles (desktop, tablette et smartphone) permettant de prévoir les ergonomies sur chaque type d’affichage.

responsive

Chiffres clefs :

 

  • 85 maquettes graphiques pour couvrir l’ensemble des gabarits desktop, tablette et smartphone
  • 27 illustrations pour représenter les innovations produit
  • 4 langues
  • Un catalogue produit vaste avec près de 4 000 références
  • Un projet réalisé en 4 mois
  • 1 bien jolie référence Magento Enterprise 100% réalisée par l’agence SOON !
ecommerce, ergonomie, flat design, Magento, Redis, responsive, solr, UX, varnish

Laisser un commentaire

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