Une meilleure conversion avec un meilleur design

La navigation, les fonctionnalités et l’esthétique de votre site font partie des éléments clés pour réussir votre activité e-commerce. Pourquoi ?

C’est simple : le design suscite l’émotion. Ce que le consommateur ressent envers votre marque détermine s’il achète chez vous ou chez un concurrent.

Bien entendu, l’esthétique ne fait pas tout. Il faut un site pratique et clair. La recherche interne sur le site, par exemple, est une nécessité. La navigation doit être cohérente avec des photos de même taille et des polices et couleurs qui correspondent sur tout le site.

Pour vous donner une idée, un site fonctionnel doit être :

1- Responsive design
Testez votre compatibilité aux mobile grâce à Google : Testeur compatibilité mobile Google

2- Header (entête) raffiné
Le Header doit inclure le logo, le premier niveau de navigation, le compte client, le panier et la recherche internet. Gardez-le assez fin.

3- Navigation adaptée au contenu
La navigation doit être pensée pour le contenu – définissez votre catégorie et la structure du contenu puis sélectionnez la navigation la plus adaptée.
De plus, privilégiez une navigation « de gauche » donc un catalogue qui contient beaucoup de catégories principales.
Pensez également au méga menu (menu très détaillé et intuitif).

4- Grille de produits facile à comprendre
Testez votre grille de produits avec des tailles d’image différentes, des longueurs de titre produit différentes et les composants. N’oubliez pas de limiter les informations dans votre grille de produits. Moins il y en a, mieux c’est. Enfin, soyez certain que votre grille est lisible sous tous les formats d’écran.

5- Fiche produit centrée sur la conversion
Au moins 50% (horizontalement parlant) de votre fiche produit doit être dédiée aux images de vos produits. Tout ce qui aide à la vente se place à droite de l’image (nom du produit, référence, prix, options du produit, informations de livraison, état du stock, quantité et « ajouter au panier »). La description et les informations additionnelles peuvent être placées plus bas dans la page.

6- Polices et couleurs cohérentes

En plus du noir et du blanc, vous pouvez rajouter 2 autres couleurs en fonction de votre message. Les polices doivent être limitées.
Concernant les espaces entre les mots, utilisez le % pour les espaces horizontaux, et le px pour les espaces verticaux.

Source : Big Commerce – Tracey Wallace/Eamon Rodeck