3ème partie : Les différentes méthodes de vente

Ce que je trouve le plus original sur Look Zippy, ce sont les différentes méthodes de vente qui sont proposées. Je vous propose de passer en revue les bonnes idées que l’on peut trouver sur le site…

Les ventes Flash

Vite il ne reste que quelques jours pour profiter de la promotion !
Vu la logistique que demande l’activité, rien de telle que de la vente Flash. Cela favorise l’achat impulsif et comme tous les envois sont programmés à un jour précis, c’est assez simple à mettre en place et à gérer. Bien vu !

Les abonnements

Il s’agit là de ma méthode de vente préférée. A ma connaissance, Look Zippy est le premier à avoir imaginer un abonnement à un service de T-Shirt. Cette innovation lui permet de se faire remarquer et d’augmenter le panier moyen de ses clients. En gros, il s’agit simplement de l’inciter à acheter 3, 6, voir 12 T-Shirt au lieu d’un seul… avec un discours un peu plus original !

Le site s’appuie là sur une de ses forces, à savoir le renouvellement permanent de sa gamme. C’est, me semble t-il, une manière intéressante d’exploiter au maximum le concept.

Les chèques cadeaux

Il est toujours délicat d’offrir des vêtements. L’un des moyens pour éviter de faire des déçus est d’offrir un chèque cadeau. Look Zippy a donc pensé à mettre au point un système de ce type, nommé Tee-KDo. Il est possible de personnaliser son bon d’achat :

• Montant du chèque
• Nom de la personne à qui il reviendra
• L’occasion pour laquelle il est offert
• Un petit mot d’accompagnement
• La date à laquelle il doit être envoyé

L’affiliation

Cette méthode de vente est plus traditionnelle. Elle permet à tous ceux qui ont un site internet de devenir partenaire. En faisant la promotion de Look Zippy, les partenaires touchent une commission sur chaque vente. Une manière intéressante de s’appuyer sur un réseau de vendeurs payés à la vente.

Mais je ne sais pas si les candidats sont nombreux pour ce type de site. La rémunération ne me semble pas assez alléchante pour motiver de gros partenaires (1€ / T-Shirt). L’affiliation fonctionne mieux sur des paniers moyens un peu plus importants me semble t-il. Zippy, si tu passes par là, peux-tu nous dire le nombre de partenaires que tu as ?

Pour conclure ce chapitre et cette étude de cas, je dirais que Look Zippy est un exemple à suivre. Le site évolue continuellement, les offres également ce qui donne une image très dynamique de l’entreprise. Les créateurs ont également su créer un univers permettant de différencier le site de ses très nombreux concurrents.

2ème partie : Les aspects communautaires

C’est l’un des axes les plus importants pour ce type de boutiques en ligne. Créer une communauté est indispensable car le business modèle repose sur la participation des visiteurs. Ils participent à la création des visuels, au choix des visuels et doivent acheter régulièrement des produits pour assurer la rentabilité du commerce. Il n’est donc pas surprenant de voir de nombreux outils communautaire sur Look Zippy.

Passons en revue les différents services proposés.

Le Blog

C’est l’élément le plus important car il est au centre de la communauté. En plus d’être un super outil pour annoncer les nouveautés sur le site et recevoir l’avis de ses visiteurs, il permet d’humaniser la relation-client. Sur look Zippy, les billets sont nombreux et variés et ne restent pas forcément centrés sur la boutique en ligne. Une bonne approche pour fidéliser ses lecteurs.

Imaginez quelques centaines (voir milliers) de fidèles lecteurs de votre blog abonnés à votre flux RSS. Chaque jour ils reçoivent vos informations (billets divers, annonces, nouveaux visuels sélectionnés…). Et tout cela ne vous coûte pas un centime ! Pas besoin d’envoi de newsletter, ce sont vos clients qui viennent récupérer l’information quotidiennement !

Si, présenté comme cela, le blog semble l’outil de communication idéal, attention tout de même, il faut garder à l’esprit quelques règles. D’une part, tenir un blog demande beaucoup de temps et d’énergie. Il faut arriver à canaliser les commentaires, répondre aux questions, poster sur d’autres blogs pour se faire connaitre. Pour cela, Zippy s’en sort à merveille. Il a réussi à se faire un nom dans le milieu du blogging. Autre point, il faut absolument avoir une publication régulière. Rien à redire de ce coté là non plus, d’où le succès de Look Zippy.

Les seuls petits reproches que je ferais au blog c’est l’absence de sous menu de navigation traditionnel. Pas de rubriques, de tags, de recherche par mois de publication… C’est à la fois dommage pour le visiteur et pour les moteurs de recherche. Le référencement des messages du blog serait très certainement amélioré avec ce genre d’outils et donc le nombre de visite pourrait augmenter.

Concours, votes et commentaires

La gestion de la communauté tourne autour de l’espace membre. Il est possible de s’inscrire gratuitement pour devenir membre, ce qui permet d’accéder à plus de possibilités sur le site. On peut voter pour ses visuels préférés, laisser un commentaire sur les produits ou sur le blog, proposer un visuel et accéder à son historique client.

Il y a une question que les concepteurs de look Zippy ont dû se poser. Faut-il obliger le visiteur à s’inscrire à l’espace membre pour voter, commenter et participer à la vie du site ou est-il préférable de laisser l’accès libre à tout le monde ?

Il y a des pour et des contre dans les deux cas. Le premier choix va permettre de mieux gérer sa communauté : on a des informations personnelles sur chacun, on peut donc les recontacter facilement et c’est plus simple pour compter les votes par exemple et éviter les tricheries. L’inconvénient c’est que les internautes sont fainéants ! Moi même, j’avoue suivre le blog de look-Zippy mais n’avoir jamais commenté un de ses messages car cela aurait nécessité une inscription à l’espace membre…

Je pense qu’un mixe des deux serait pas mal. Par exemple pouvoir laisser des commentaires sur les produits et les messages du blog sans avoir à s’inscrire. Idem pour le vote en essayant de trouver un moyen pour éviter la triche (limitation par IP et par Cookies par exemple). Par contre tout ce qui concerne le commerce en lui même doit nécessiter une inscription (proposition de visuels, historique de commande, affiliation…). J’imagine que la communauté serait encore plus riche ainsi. Mais je reste prudent car il n’est pas idiot d’imaginer également que les membres inscrits se sentent un peu privilégiés ce qui peut rendre encore plus forte leur participation et leur implication… Je ne sais pas ce que vous en pensez ?

Les petites attentions

Pour créer une véritable communauté, il faut également s’adresser le plus souvent et le plus personnellement possible à son client. Cela passe notamment par une personnalisation des emails envoyés et du discours adopté. Pour cela, j’ai été assez déçu de l’email envoyé par Look Zippy lorsque l’on s’inscrit à l’espace membre (confirmation de l’inscription). Il s’agit d’un email très formel et très classique assez loin du ton employé sur le site. C’est certainement un détail à revoir.

Par contre, là où Zippy marque des points, c’est lorsqu’il joint à votre commande un petit mot manuscrit vous remerciant de votre achat. Le client est touché par cette attention et se sent naturellement plus proche de la boutique en ligne (et donc plus éloigné des concurrents !)

Pour résumer cette deuxième partie je dirais que Look Zippy s’appuie sur de nombreux outils communautaires. Cela fonctionne très bien mais il y a encore peut être quelques tous petits détails à améliorer… et il y en aura toujours d’ailleurs (c’est dans les petits détails qu’on fait les meilleurs soupes comme on dit… ).

Suite aux deux premières études de cas publiées il y a quelques mois, j’ai reçu pas mal de demandes de e-commerçants. Je m’y remets donc dès aujourd’hui en passant à la moulinette le site de Look Zippy, une boutique en ligne de T-Shirt pleine d’énergie et de bonnes idées…

Cette petite étude de cas sera découpée en 3 parties. La première (ce billet) se concentrera sur le concept de la boutique et le processus de commande, la deuxième partie sera consacrée à la partie communautaire du site et la dernière aux différentes méthodes de vente.

Le concept de Look Zippy

Look-zippy est une boutique en ligne qui propose des t-shirts sérigraphiés en série limitée. Il reprend le principe initié par Lafraise avec un concours permanent auprès des graphistes. L’idée est très ingénieuse, n’importe qui peut proposer un visuel, l’équipe de Look Zippy sélectionne les meilleurs et les soumet aux votes des visiteurs. Les visuels retenus sont ensuite déclinés sur des T-Shirt, imprimés en 200 exemplaires. Le graphiste se voit alors rétribuer une rémunération de 300€.

De part ce principe, les produits en ventes sont différents d’un mois sur l’autre ce qui donne un grand dynamisme au site et fidélise la clientèle. Il est possible de s’abonner à un flux RSS pour découvrir les nouveaux T-shirt édités.

Pour se différencier d’une concurrence assez rude sur ce marché, Look Zippy a choisi de communiquer par l’intermédiaire d’un Zèbre de type cartoon. L’idée est de personnifier l’entreprise, ce qui est plutôt réussi. Le zèbre est animé en plusieurs séquences loufoques et amusantes et devient le principal interlocuteur de l’internaute. Il va donc servir à la fois de repère à la marque (on associe le zèbre à Look Zippy) et de porte-parole (c’est lui qui annonce les promos, le ventes flash, etc.).

La boutique en ligne

Dans cette première partie nous allons étudier le processus de commande sur la boutique en ligne.

Tous les T-Shirts sont affichés sur une seule page. Les concepteurs du site ont fait le choix de pouvoir commander directement sur la liste des articles sans avoir besoin de passer par la fiche détaillée du produit. On favorise donc ici l’achat impulsif. Je ne recommande pas cette fonctionnalité sur tous les sites de ventes en ligne mais dans le cas d’un site s’adressant aux professionnels ou à des habitués (comme ici), cela peut être pratique.

Ce qui est important pour la vente de T-Shirt c’est de bien voir le visuel. En se plaçant sur un T-Shirt, le visuel apparait en grand format. Pratique pour gagner du temps et simple d’utilisation. Même si ce n’est pas indiqué (le visiteur ne sait pas à priori que le visuel va s’afficher au survol du T-Shirt), l’internaute aura tendance à aller sur le T-Shirt pour entrer sur la fiche produit afin de voir le visuel en plus gros. Il découvrira donc naturellement cette fonctionnalité.

Le point sur lequel je reste perplexe est l’emplacement du panier. Lorsque vous ajoutez un article dans votre panier, vous êtes redirigé sur la même page. L’article apparait dans le pavé « Votre Panier » à gauche à peu près au milieu de la page. Du coup, le changement n’est pas très visible et peu perdre un grand nombre de nouveaux acheteurs. On peut se demander si le site n’a pas connu un bug par exemple. L’emplacement du menu à cet endroit là n’est pas naturel (on l’attend plutôt en haut à droite par exemple).

Une partie « Mode d’emploi » est disponible dans le menu. Cette rubrique est destinée à rassurer les prospects. En plus d’expliquer le concept en détail, elle apporte des précisions sur les livraisons et les retours de produit. Mais est-ce que le client qui a des doutes sur les délais de livraison va aller chercher des réponses dans une rubrique nommée « Mode d’emploi » ? On peut se poser la question. Pour éviter ce genre de doute, je rajouterais un lien « Tarifs de livraison et retours » dans le pied de page. Il faudrait également ajouter une petite page dédiée au paiement sécurisé pour bien faire.

Pour conclure cette première partie, je dirais que le concept est très bon mais connu. Pour pallier à cela, le choix d’un personnage (le zèbre) est une bonne idée qui marque les esprits et donne une image très dynamique. Le processus de commande est très simple (il n’y a pas de rubriques et sous-rubriques de produit, tous les T-Shirt sont affichés sur une seule page) mais le panier est très mal placé et peut perturber beaucoup de clients, notamment ceux qui débutent sur le web.

3ème partie : le processus d’achat

Dans ce troisième volet de l’étude de cas du site Plaisirs DQPlay, nous allons nous intéresser au processus d’achat dans sa globalité. C’est bien évidemment un point essentiel dans le e-commerce, c’est pourquoi je souhaitais m’attarder dessus.

Des produits mis en avant…

De la page d’accueil à la page de validation de sa commande, 5 produits sont mis en avant à gauche et à droite du contenu. Je suppose qu’il s’agit des meilleures ventes de la boutique. C’est une bonne idée pour booster les ventes sur ces produits et donner une idée générale sur ce que le client va trouver sur le site. L’équipe de Plaisirs DQPlay aurait pu également choisir d’afficher 5 produits au hasard parmi leur catalogue ou parmi les nouveautés ou d’adapter les produits mis en avant selon la page affichée…
Le seul problème à mon sens, c’est qu’il va falloir absolument changer les 5 produits régulièrement sinon les visiteurs vont croire que le site n’a pas subi d’évolution. Il est toujours préférable d’avoir l’air actif…

Les listes produits

Les listes sont claires. Les produits sont représentés par de grandes photos et sont accompagnées d’une courte description. En 1 clic, le visiteur peut soit entrer sur la fiche du produit, soit l’ajouter dans le panier. La navigation est ainsi simplifiée et permet l’achat spontané. Un moteur de recherche vient compléter le tout. Indispensable dans toute boutique de vente en ligne…
A tout moment, l’internaute peut voir combien de produits sont affichés dans le panier. Je trouve ça bien car c’est rassurant. On sait que les produits ont bien été ajoutés, qu’ils ne sont pas perdus. On peut donc continuer nos achats tranquillement. Par contre, j’ai plus de mal avec les boutiques en ligne qui affichent le total des achats. Je le déconseille vivement ! Il n’y a rien de mieux pour freiner les clients. Imaginez vous dans une grande surface avec le prix total qui s’afficherait à chaque produit ajouté dans votre caddie… Quelle angoisse !

Les fiches produits

Les fiches produits sont bien détaillées, on peut zoomer sur la photo de l’article et suggérer le produit à un ami en lui transmettant automatiquement le lien par email. Très bien. Il y a juste quelques petits points qui me gênent un peu. Tout d’abord, les pictogrammes utilisés pour indiquer la longueur et le diamètre des produits.
Cela fait trop penser à une barre de téléchargement, du coup ça perturbe un peu.

Ensuite, j’ai chercher quelques secondes le bouton « commander » ou « ajouter au panier », en vain. Et pour cause, il n’y en a pas ! Pas évident de comprendre qu’il faut appuyer sur le pictogramme en forme (vaguement) de caddie. Je pense qu’il est important de rajouter du texte écrit en toute lettre ou de trouver une forme qui se rapproche plus d’un bouton traditionnel.

Au niveau des produits suggérés en bas de la fiche produit (« Nos clients ont aussi apprécié« ), l’intégration est bonne mais il manque un bouton pour ajouter directement le produit au panier pour que cela soit parfait !

Enfin, le texte de description des produits est justifié. Vu que la colonne est assez étroite, ça peut passer mais d’un point de vue général il est déconseillé de justifier un texte sur Internet. Ce n’est pas moi qui le dit mais les ergonomes… La justification sur écran est perturbante, les espaces entre les lettres sont mal gérées sur le web, bref, à éviter.

Le panier

Pour terminer cette petite étude de cas, attardons nous sur le panier.
Tout d’abord je trouve le panier un peu confus, peut être est-ce à cause de la justification à droite… On ne voit pas forcément les différentes étapes pour valider le panier (choisir le pays, accepter les conditions générales de ventes, etc).
Par contre, le décompte avant le franco de port est une très bonne chose. La livraison est offerte à partir de 45€, ainsi, si le client n’a mis que 40€ de produits dans son panier, on lui rappelle qu’il manque seulement 5€ pour qu’il profite du franco de port. C’est une bonne astuce pour inciter les clients à compléter leur commande avec un autre produit et ainsi augmenter le panier moyen.

Pour conclure, je trouve que Plaisirs DQPlay est un bon exemple de boutique en ligne. Le site est adapté à sa cible, il est rassurant et propose de nombreuses astuces lui permettant à la fois d’inciter à l’achat et d’augmenter le panier moyen. Il y a vraiment de bonnes choses à retenir et j’espère que cette étude de cas vous aura aidé à comprendre quelques ficelles…

2ème partie : La confiance

Un des points les plus importants pour un site de e-commerce est d’inspirer confiance. D’autant plus dans le cas d’un site de vente d’objets intimes. Il faut décomplexer ses visiteurs et leur montrer le sérieux du site. Je trouve le site Plaisirs DQPlay particulièrement réussi dans ce domaine là. C’est un très bon exemple à suivre sur de nombreux points que je vais tenter de vous décortiquer ci-dessous :

L’impression générale de la boutique

Tout d’abord, l’impression générale que l’on se fait de la boutique au premier coup d’oeil a beaucoup d’importance. Comme je l’ai dit hier, le design est propre ce qui laisse penser que le site est sérieux. C’est déjà un bon point. Ensuite, à première vue, les menus sont clairs et on pense le site bien garni. En réalité, il n’y a pas énormément de références mais les photos sont grandes et les produits bien répartis donc ça suffit pour donner cette impression.

On remarque ensuite le logo « Défi pour la terre » et la rubrique « Bio et équitable ». Même si à priori il n’y a pas forcément de rapport entre les sex toys et l’environnement, c’est tout de même rassurant. Il y a une démarche éthique et saine qui transparait sur le site, c’est un détail intéressant.

Des engagements

Dès la page d’accueil, Plaisirs DQPlay s’engage sur 6 points permettant de lever le plus de freins possibles. Par exemple, la discrétion assurée. Important pour ce type de produits. Chaque point est expliqué sur une page détaillée. En un coup d’oeil, le visiteur est rassuré sur ses principales craintes.

Le paiement sécurisé est également mis en avant sur toutes les pages du site. Le logo de la CIC, une grande banque, est synonyme de sécurité. Pour les internautes les plus prudents, une page explique plus en détail pourquoi le paiement est sécurisé et quels sont les autres moyens de paiement. Parfait.

De même au niveau de la livraison. Tout est décrit en détail : tarifs, délais, suivi du colis. On peut même utiliser les nouveaux points relais Cityssimo.

Les avis

Le site Plaisirs DQPlay donne la possibilité à ses visiteurs de donner un avis et une note sur un produit. C’est une très bonne idée pour les sites qui ont un fort trafic. ici, on se rend vite compte qu’il y a très peu d’avis. C’est un peu gênant car on pourrait penser que peu de personnes ont acheté sur ce site… Mais bon, ouvrir les commentaires sur son site, c’est également être sûr que ses produits sont les meilleurs et que les utilisateurs en sont satisfaits. C’est un très bon argument de vente. Et puis l’internaute sera plus facilement convaincu par l’avis d’un autre acheteur que par tous les blablas marketing que le commerçant pourra lui fournir !

Contacter le cybercommerçant facilement

Dernier point essentiel pour convaincre le client de passer à l’acte, lui montrer votre disponibilité. Il est très important que le visiteur puisse contacter le magasin facilement. Sur Plaisirs DQPlay, la partie contact n’est pas très visible (tout en bas de la page en petit). Cependant, la page nous contacter propose une option assez rare. Il est possible de contacter l’équipe en direct en chattant avec eux ! Voilà qui devrait mettre un terme aux derniers doutes de leurs clients. Seul petit bémol tout de même, le chat intégré à la page est en anglais. Il faudrait penser à le faire passer dans notre bonne vieille langue française tout de même.

En tout cas ce site est un excellent exemple à suivre ! Tout a été mis en oeuvre pour effacer les peurs du client, c’est du très bon travail.

Je vous dis à demain pour le dernier volet de cette étude de cas…

Suite à ma première étude de cas, j’ai reçu un certain nombre de demandes. Tout le monde va passer à la « moulinette » mais, comme il fallait bien trouver un ordre, j’ai décidé de commencer avec le site Plaisirs DQPlay.

Attention, il s’agit d’un site vendant des jouets intimes. Même si tout est présenté avec goût, je préfère prévenir histoire de ne choquer personne, surtout les enfants.

Je vais donc vous livrer mon avis sur ce site (ce qui me plait et ce qu’il faudrait améliorer) en 3 billets. Je vais commencer par « le design, les normes et le référencement » dans ce billet, avant de publier demain un article consacré à « la confiance » et après demain au « processus d’achat »

1ère partie : le design, les normes et le référencement

La boutique en ligne Plaisirs DQPlay (nom très sympa au passage) s’adresse principalement aux femmes. Pour plaire à cette cible (qui a beaucoup plus de facilité à acheter sur Internet que dans un sex-shop), il fallait donc opter pour un design clair et plutôt raffiné. Même si graphiquement le site n’a rien d’exceptionnel, les couleurs et l’emplacement des objets et menus dans les pages sont bien choisis. C’est propre, ça donne envie de naviguer, c’est l’essentiel…

Pour la création du site, l’équipe de Plaisirs DQPlay s’est tourné vers Rentashop, une solution ecommerce en location. En gros, pour 50 à 150€ par mois, vous pouvez utiliser la plateforme de Rentashop qui vous permettra de créer votre boutique en ligne (design, ajout des produits…) et d’intégrer la solution de paiement en ligne de votre choix.

Si on décortique un peu le code, on s’aperçoit que le site ne répond pas du tout aux normes du W3C. Cette critique est donc destinée à l’équipe de Rentashop (ainsi que la grande majorité de leurs concurrents) et non pas à celle de Plaisirs DQPlay. Quel dommage de ne pas opter pour un système respectant les standards ! Séparer le contenu (HTML) et la forme (CSS) permet plus de souplesse mais surtout permet d’obtenir une meilleure accessibilité. Pourquoi se priver de milliers d’acheteurs potentiels qui ont éventuellement un handicap et qui sont obligés de naviguer avec un lecteur d’écran ou une plage braille par exemple. Ici la mise en forme du site est réalisée à l’aide de tableaux ce qui est très difficile à interpréter pour ce genre de logiciel. Imaginez le lecteur d’écran, il va devoir lire chaque ligne et chaque colonne du tableau, rendant la compréhension du site pratiquement impossible !

Un site aux normes a également de plus grandes chances d’être apprécié par les moteurs de recherche. D’ailleurs, qu’en est-il de l’optimisation du référencement sur le site Plaisirs DQPlay ? C’est un axe que je n’ai pas encore décrit sur ce blog mais qui est primordial. Un référencement se prépare dès la conception du site. Il va falloir penser à des dizaines de détails importants comme :

• Le titre des pages : ici, on s’aperçoit que le titre est le même sur tous les articles. Ouille pas bon ça !
• L’URL : il est important d’éviter les URL qui ne veulent rien dire comme « http://plaisirs-dqplay.com/s/produit.php?id=345″ et préférer les adresses ayant un sens comme sur ce site. Par exemple : « http://plaisirs-dqplay.com/s/1271_5752__string-bonbon-candy-femme« 
• Les métas : les métas sont des informations invisibles comprises dans le code. Aujourd’hui les moteurs de recherche ne les utilisent plus trop mais les lisent tout de même. Certains annuaires peuvent également s’en servir. Il est donc important de les remplir avec soin. Sur Plaisirs DQPlay, j’ai remarqué que les métas Keywords sont tout le temps les mêmes c’est dommage. Concernant les métas description, qui sont censés décrire la page, l’équipe du site a utilisé la description des produits. Une bonne idée sur le papier mais en réalité il y a beaucoup trop d’informations qui ne servent à rien…
• Les balises qui ont du sens : les moteurs peuvent se servir du sens général de la page. Si vous mettez un mot en gras avec la balise <strong>, les moteurs comprennent que ce mot est important. De même si vous mettez le titre du produit dans une balise de titre principal <h1> par exemple. Je trouve que Plaisirs DQplay n’a pas assez utilisé de balises qui ont un sens
• Le fichier sitemap : un sitmap est un fichier xml normalisé qui recense toutes les pages du site. Ce fichier va permettre à tous les moteurs de repérer les nouvelles pages par exemple. Là encore, le site n’en possède pas…

Pour conclure ce premier chapitre de l’étude de cas, je dirais que la cible a bien été prise en compte avec un design clair qui donne envie de poursuivre sa visite. Cependant, il reste des petits points à régler pour améliorer le référencement général du site.

A demain pour la suite de cette étude de cas

Dernier chapitre de l’étude de cas sur eptiSoft…

Les fonctionnalités liées au e-commerce

Il y a pas mal de bonnes idées sur le site eptiSoft. Par exemple la mise en avant de certains produits dans les listes. Je trouve que ça s’intègre plutôt bien. La vente croisée sur les fiches produits (« EptiSoft vous recommande également ») fonctionne bien également.

Tiens pendant qu’on est dans les fiches produits, et vu que j’ai publié un dossier dessus récemment, j’en profite pour développer un peu plus. Alors tout d’abord il faut féliciter l’effort d’eptiSoft qui a réussi a mettre en ligne beaucoup de contenu sur les différents logiciels (présentation, détails techniques pour l’installation, diaporama d’images, vidéos…). C’est très bien mais c’est un peu dommage au niveau de la présentation. D’abord l’utilisation des onglets est intéressante mais il faudrait que tout le contenu soit affiché sur la page (les onglets peuvent juste service d’encre comme sur Pixmania ou rueducommerce par exemple). Cela améliorerait nettement le référencement. Ensuite, dans la présentation, il y a un menu déroulant pour sélectionner les parties à afficher. Je ne suis pas sûr que tous les visiteurs vont remarquer…
Au niveau des photos, c’est pratiquement parfait. Les illustrations sont nombreuses et un repère visuel nous indique les images que nous avons déjà vues. Seul petit bémol, le top aurait été d’avoir un zoom de l’image à la taille réelle.
Enfin, pour terminer avec les fiches produits, je trouve cela dommage que tous les onglets soient affichés. Si il n’y a pas de vidéos pour un produit, pourquoi afficher l’onglet ? Cela est frustrant pour le visiteur. Ca revient à lui dire « J’aurais pu te mettre une vidéo, je suis sûr que ça t’aurait plu, mais… j’avais pas envie ! ». Autant faire disparaitre l’onglet pour éviter les questions.

Au niveau des listes produits, les fonctions de tries sont très pratiques. Il y a également un système pour changer de mode visuel (listing / galerie) mais je n’ai pas saisi son intérêt. Les informations sont exactement les mêmes c’est juste l’affichage qui diffère. Je pense qu’il vaut mieux choisir pour l’internaute pour éviter de complexifier l’interface…

Je trouve le panier très réussi. Il est indiqué très clairement le nombre d’étapes avant la fin de la commande. Lors de la création d’un compte, eptiSoft propose de s’abonner à sa newsletter. Une option souvent oubliée… Le formulaire est très bien réalisé. Si le client oublie un champ important, une bulle d’aide vient se placer au niveau de l’erreur et lui apporte des explications.
Une fois inscrit, une fenêtre d’information prévient le visiteur qu’il existe un code promotionnel de bienvenue. Lorsque j’ai testé il y avait quelques soucis (le produit coûtait plus cher avec la réduction des -5% !), je suppose que cette erreur de script va très vite être réparée.

Au niveau du paiement la carte bancaire ou le chèque sont proposés. Le logo de la banque ainsi qu’une petite explication sur le paiement en ligne sont présents dès la page d’accueil. Parfait pour rassurer le client.

En conclusion, les grandes règles du e-commerce ont bien été appliquées sur le site d’eptiSoft (processus d’achat, suggestion de produits…). Les petits points à améliorer qui permettront de s’adresser à plus de visiteurs et à être mieux référencé sont d’ordre plus généraux (on les retrouve sur beaucoup de site) comme des petits problèmes d’accessibilité et de programmation. Le point le plus important à améliorer rapidement c’est surtout le chargement de la vidéo qui se lance à chaque fois qu’on arrive sur la page d’accueil. Une horreur !

La suite de l’étude de cas du site eptiSoft…

Navigation, ergonomie et accessibilité

Avant de parler de la navigation, je souhaite m’arrêter sur un détail très énervant : la vidéo de présentation. Je ne suis pas fan des vidéos qui se chargent toute seule et qui débute sans rien leur avoir demandé comme c’est le cas sur eptiSoft. Mais le fait qu’en plus le son soit activé (au bureau ou si on utilise son ordinateur comme lecteur multimédia, c’est une horreur d’avoir un son que l’on avait pas prévu !) et, pire encore, que la vidéo se relance à chaque fois que je tombe sur la page d’accueil, c’est carrément insupportable. En tout cas, c’est le genre de détail qui me fait quitter un site. Et je ne dois pas être le seul. Donc un conseil, ne jamais démarrer le son sans l’autorisation du visiteur et, surtout, dans le cadre d’une vidéo de présentation, ne la lancer directement que lors de la première visite. Il est assez simple de savoir si l’internaute est déjà venu (cookies ou ShareObject dans Flash…).

L’un des points les plus importants pour un site de e-commerce c’est la navigation. Elle doit être compréhensible facilement par tous (et ce n’est pas une mince affaire !). Pour eptiSoft, le problème est un peu le même qu’au niveau design. La navigation est un peu complexe.
Ci-dessous, je vous ai mis en rouge tous les accès à des menus de navigation…

Comme vous le voyez, il y a, sur cette page, plus de 9 accès à des outils de navigation. Ils sont tous un peu éparpillés sur la page ce qui rend certaines opérations peu intuitives. La difficulté ici c’est qu’il y a de nombreux menus et sous-menus car il y a beaucoup de catégories de produits. Je pense qu’il aurait été plus judicieux de rassembler les différentes options de navigation secondaire (moteur de recherche, tri, accès aux aides et contacts…) à un seul endroit pour simplifier le tout.

eptiSoft a opté pour des menus déroulants pour la navigation principale. C’est une bonne idée sur la papier car ça rend l’accès à un sous-menu plus rapide. Mais, dans la réalisation, cela pose un problème d’accessibilité. En effet, il est impossible de naviguer dans les menus par le clavier. Or, pour certains handicaps par exemple, cette navigation est primordiale. Il est donc dommage de se priver de certaines personnes (qui peuvent devenir des clients potentiels). Dans le même principe, l’activation de javascript est obligatoire sinon le visiteur est redirigé sur une page temporaire. Il serait intéressant de regarder dans les statistiques le nombre de personnes qui atterrissent sur cette page. On aurait ainsi une indication claire du nombre de visiteurs perdus. Toujours niveau accessibilité, il est dommage de ne pas pouvoir naviguer sur le site sans les images (cela peut arriver dans le cas d’une mauvaise connexion, ou dans le cas d’une visite avec certains navigateurs), le texte apparait alors en blanc sur fond blanc…
Après vérification sur différents navigateurs sur différentes plateformes, j’ai remarqué quelques bugs graphiques (sous linux et mac). Rien de dramatique. Par contre, il y a un gros soucis sous Safari (Mac) puisque l’on a carrément pas accès au panier !
Pour terminer avec l’accessibilité (car c’est un sujet qui me tient à coeur), il y a quelques soucis dans le respect des standards. Certaines balises sont utilisées à mauvais escient (des balises titres h4 alors qu’il n’y a pas de h3 ou h2, des tableaux qui servent pour la mise en forme et non pas des données tabulaires, etc.).
Enfin, on peut s’interroger sur les polices (un peu trop petites) et sur le fait que le site n’entre pas en 800×600.
Cela fait beaucoup de choses, certes, mais la très très grande majorité des sites font les mêmes erreurs. Le respect des normes (W3C) et les notions d’accessibilité ne sont pas encore entrées dans les moeurs malheureusement…

Passons aux bons points maintenant ! Et il y en a également un certain nombre.
Tout d’abord, tout est fait pour faciliter la première visite d’un internaute. On trouve un bouton en haut à gauche qui permet d’accéder à des explications plus détaillées du concept. Parfait !
Ensuite on retrouve une aide et une FAQ (Foire Aux Questions). Pratique pour rassurer le visiteur et l’accompagner.
Il y a également un plan du site, indispensable pour le référencement et pour faciliter la navigation des visiteurs.

Pour se repérer dans le site, il y a un fil d’ariane (Ex : > Logiciels Windows / Création numérique / Composition musicale). Le visiteur ne peut pas se perdre. Pour améliorer le tout, il serait intéressant de rendre les rubriques cliquables. Cela faciliterait encore plus la navigation et ce serait utile pour le référencement du site dans les moteurs de recherche. Toujours pour se repérer, un code couleur a été attribué par plateforme (Vert pour Windows, Bleu pour Mac…). C’est pratique et ça fonctionne très bien avec le design du site.

Je publierais le dernier volet de cette étude de cas dès demain matin…

Nous allons donc commencer ces études de cas par eptiSoft, un site e-commerce de téléchargement de logiciels et de jeux développé par eptimum.

En se basant sur un cas concret, je vais essayer de donner mon point de vue sur ce qui fonctionne sur le site et ce qu’il faudrait améliorer. Pour cela je vais classer mes pensées en 3 points : « le design », la navigation et l’accessibilité » et « les fonctionnalités liées au e-commerce ».

Le design

C’est la partie la plus difficile à juger car cela touche beaucoup au subjectif. Je trouve l’interface réussie graphiquement mais un peu trop complexe. Il y a certainement trop de cassures et de découpes ce qui alourdit le site. Je comparerais cela à un chocolat (je vous assure que j’ai bien mangé ce midi pourtant !). Si vous enveloppez un chocolat dans un beau papier, cela va vous donner envie (jusque là très bien) mais si il faut plusieurs secondes pour pouvoir extraire le chocolat, il perd un peu de sa saveur. A l’inverse, un chocolat sans emballage va peut être donner légèrement moins envie mais il sera plus facile de le goûter.
Bref, le plus dur est de trouver un juste milieu : un beau design, en rapport avec la cible (le coté technologique de l’interface colle très bien avec l’activité de l’entreprise d’ailleurs) et pas trop complexe pour mettre en valeur les produits et faciliter la navigation.

Dans les toutes petites remarques concernant le design, je noterais juste que la photographie à droite qui illustre le pavé « vous êtes nouveau ? » est assez ridicule. Avoir la photographie d’une personne est très important pour rendre le site plus humain… mais bon là…
Dans les petits détails toujours, je ne suis pas fan du texte déroulant (sous le panier). C’est très difficilement lisible, pas du tout accessible et vraiment pas tendance.

D’un point de vue plus général, il y a peut être quelques alignements à reprendre ce qui simplifierait le travail de l’oeil (pour obtenir un site plus reposant) mais l’interface laisse une bonne impression. Les détails sont soignés et l’ensemble reste cohérent. Les couleurs s’accordent assez bien et le plus gros du contenu texte est écrit sur fond blanc ce qui facilite la lecture.

La suite demain !

J’innove un peu dans mes billets avec la création d’une nouvelle catégorie. Celle-ci m’a été inspirée par Michel de Amorim qui m’a contacté il y a quelques jours en me demandant mon avis sur son nouveau site de e-commerce : eptiSoft.

Donc plutôt que de lui donner quelques conseils par email, je lui ai proposé de publier publiquement mon avis. J’attends vos réactions face à ce type de billet. Cela vous plait-il ? Si oui, je pourrais retenter l’expérience régulièrement
N’hésitez donc pas à me contacter pour me proposer votre site (attention, je ne censurerais pas mes idées donc soyez ouvert à la critique sinon, passez votre chemin…).

Rendez vous tout à l’heure pour cette première étude de cas…