Un bon design pour un site marchand

Le 25 février 2010 | Ergonomie | 2 commentaires

Les sites marchands sont à l’honneur depuis plusieurs années, ils se multiplient sur la toile de jours en jours. Le premier facteur, arrivé sur le site, est le graphisme, c’est ce qui va donner envi (ou pas) de se balader parmi les nombreuses catégories du site et, pourquoi pas, de commander. C’est donc un facteur important de réussite : il faut être clair, faciliter la navigation et savoir mettre les articles en avant. Voici donc une liste de petits conseils pour l’amélioration de vos sites :

1. La navigation
C’est la partie importante. Le visiteur doit être capable de se diriger rapidement et facilement d’une page à l’autre, d’une catégorie à une autre. Oubliez les menus à droite, c’est original, mais pas pratique, optez plutôt pour une navigation en 2 ou 3 menus distincts : un menu principal en haut (dans le bandeau) avec les éléments essentiels comme le retour à la page d’accueil, les actualités, le formulaire de contact, les informations de livraison, ce genre de choses, dîtes pratiques. Ensuite, il faudrait un menu (à gauche de préférence donc) qui reprends les grandes catégories de produits. N’oubliez pas de rappeler en bas de ce menu la page contact ou informations pratiques. Et ensuite, en bas de la page, les mentions légales, conditions générales de ventes et les informations sur le payement en ligne, la sécurité du site ou toute autre information relativement importante. Regardez les grands sites comme cdiscount ou la fnac. Pensez que vos visiteurs connaissent sûrement ce genre de gros sites, inspirer-vous en, et faite en sorte que la navigation soit la plus simple possible.
Pensez également à rajouter un fil d’Ariane, qui permet rapidement de savoir où l’on est : cela permettra au visiteur d’identifier tout de suite dans quelle rubrique et sous-rubrique il est, et de pouvoir naviguer dans celles-ci. N’oubliez pas que les visiteurs n’arriveront pas tous sur la page d’accueil en premier, mais peut-être sur une catégorie ou un produit particulier. Il faut qu’il puisse identifier sa position sur le site rapidement. Sans ça, il se dira que ce site est trop compliqué et il préfèrera aller voir le concurrent direct.

2. Laissez la place aux produits
En général, on cherche (en tant que propriétaire de sites marchands) à avoir un graphisme très évoluer, avec plein de couleurs, plein de fioritures de partout pour bien montrer que l’on a un site tout jolie et tout. Mais le graphisme apporté gène-t-il le rendu des produits ? Lorsqu’un visiteur arrive sur le site, il doit tout de suite identifier les produits à vendre, et pouvoir cliquer dessus sans se poser de question. Il faut donc avoir un style plutôt sobre (l’exemple d’Apple en est un bon exemple) qui met en avant les produits plutôt qu’un site trop flashy, qui risquerait d’être perturbant pour le visiteur.
N’oubliez pas aussi que le graphisme doit correspondre aux produits, aussi bien sur la forme, la couleur et la disposition des éléments graphiques. Un site pour enfant devra avoir des couleurs vives et pastels, pourquoi pas en dessins, alors qu’un site de vente en ligne de produits cosmétiques pour homme devra être classe et design, dans des tons argent et or, et être très sobre (pour les grandes lignes bien sur...) !

3. Les photos
Facteur de qualité, les photos font donner toute l’importance que demandent vos produits. Proposez de belles photos. Si vous êtes revendeurs de produits, votre fournisseur possède sûrement les photos des produits. Sinon faîtes-les faire par un professionnel de l’image. Cela vous coûtera un peu d’argent, mais considérez que c’est un bon investissement par la qualité du rendu que cela va procurer auprès de vos chers visiteurs !
Proposez aussi plusieurs photos, entre 3 et 5 : montrez votre produit de face, de profil et de dos, ainsi que pourquoi pas une photo en situation et/ou un zoom sur une partie importante. Prenons l’exemple d’une pomme de douche, il serait agréable pour le visiteur de pouvoir observer ce produit sous toute les coutures, ainsi qu’installer sur un mur de douche (pour par exemple se rendre compte de la taille du produit) ou encore un zoom sur la sortie d’eau (les modes et pressions différentes, les réglages, ou encore un exemple d’eau qui coule par la pomme de douche). Donnez envi !

4. Le panier et la commande
Il faut savoir une chose, c’est que sur Internet l’achat est beaucoup plus impulsif que dans un commerce : l’achat est facile, peut se faire de jour comme de nuit, etc. L4ajout au panier est donc, dans la plupart des cas, générer subitement chez le visiteur. Par contre la prise de décision d’achat se fait plus réfléchit : il est donc important d’avoir un panier qui se veut le plus clair possible. En tant que créateurs de sites, on a souvent tendance à oublier que l’on est qu’une petite poignée à être à surfer et étudier les sites en 24/24. La majorité des visiteurs ne sont pas des as du web (regardez les statistiques de vos sites et comparer IE aux autres, ils sont encore légions à ne pas chercher un navigateur Internet plus adapté). Je prends souvent l’exemple de mes parents (si vous avez suivi l’une de mes conférences ou formations vous savez de quoi je parle), qui surfent en moyenne 5 heures dans la semaine, et environ 2h pour de la simple consultation d’e-mails. Il faut donc faciliter l’affichage du panier et accélérer la prise de commande par un gros bouton pour valider la commande.

5. Et après
Un visiteur peut se transformer en client, mais il faut aussi, et c’est là l’enjeu de notre mission, que le client se transforme en client récurrent. Pensez alors à avoir des mails de confirmations de commande, ou une newsletter, qui rappelle au client qu’il est le bienvenue sur le site et que ce site est sérieux. Le suivi par e-mail se doit d’être professionnel et graphique, dans la même lignée que votre graphisme, pour promouvoir de nouveaux produits ou les produits phares.


J’espère que ces quelques conseils vous aideront dans l’étude et la création de votre future boutique en ligne. Si vous avez des questions, n’hésitez pas à les laisser en commentaire de cet article.

Commentaires associés

Ajouter un commentaire