Le spécialiste français de la vente en ligne de billet de transport, Voyage-sncf passe au web 2.0 !
Etonnant? Pas tellement quand on sait que la cible la plus visée est la tranche 18-35 ans… à savoir les adeptes des nouvelles vagues web.

On y retrouve principalement les améliorations e-marketing suivantes:

• navigation 3 colonnes par thématiques
• optimisation de la visibilité des offres complémentaires sur voyages-sncf.com (avion, hôtels, etc.)
• meilleure prise en charge des bandeaux publicitaires
• référencement naturel dopé (admirez le footer du site par exemple)
• optimisation de l’espace client
• une bannière supérieure plus clair avec un logo d’été !
• des boites plus arrondies
• un personnage 3D pour vous aider dans vos recherches

En conclusion. Très beau, convivial et agréable. On regrettera de ne pas avoir encore plus aggrandi certains caractères tels que ceux du menu supérieur pour plus de lisibilité. La navigation est facilitée et le référencement naturel aussi par ailleurs!

Un concept innovant et une ergonomie impeccable, j’ai nommé MyFab !

Le concept est particulièrement intéressant. Vous achetez un meuble choisi dans le catalogue, et celui-ci n’est fabriqué qu’à partir de votre commande. C’est presque du sur-mesure!

L’ergonomie est très bien pensée et le flux de commande est d’une simplicité à en faire pâlir les meilleurs.

Le logo en dit déjà long sur la sobriété du site. 2 couleurs, le rouge et le gris qui resteront pendant toute la durée de la navigation. Les boutons sont dans les mêmes couleurs, ce qui les fait ressortir du site et facilite le processus de commande.

Un texte clair, en majuscule et pourtant qui n’est pas agressif. On navigue avec facilité et aisance.
Un processus de commande en 5 étapes, lui aussi lumineux:

La page de description des produits est simple et rappelle bien les points qui rassurent le consommateur. C’est important car votre commande n’est pas encore arrivée… les délais sont plutôt longs, mais c’est normal, c’est le concept.

A nouveau, l’utilisation de 2 couleurs, permet de mettre en avant les éléments importants. Des polices simples et sobres ont été très bien choisies pour l’harmonie globale du site. On trouve les détails sur la fabrication plus bas dans la page pour ne pas surcharger la partie supérieure. On regrettera un peu l’aspect “bon marché” du menu de gauche dont le degré est un peu trop sec et les bords auraient pu être arrondis.

Le concept innovant : vous votez pour la fabrication!

Non seulement vous ne commandez pas un produit qui est déjà conçu et de stock mais en plus vous pouvez voter pour savoir ce qui sera prochainement mis en vente!

Des milliers de votes ont déjà été réalisés, c’est la preuve que le concept fonctionne! Vous votez et ensuite les meilleurs gagnent le droit d’être produit! Mais le concept va encore plus loin, vous pouvez suivre en “temps réél” l’évolution de la construction de votre meuble:

La page panier est plutôt particulière, vous ne pouvez commander qu’un seul article à la fois. Par ailleurs, vous y retrouvez toutes les garanties qu’offre le site, et c’est plutôt bien présenté:

Côté technique

Excellent aussi. Le tout est fait en ASPx, et tourne parfaitement sur tous les navigateurs; Le référencement naturel a été bien étudié. On regrettera que le site ait été codé en tableau plutôt qu’en CSS, malgré une présentation générale impresionnante de rigueur et de qualité. Un affichage très rapide et aucun bugs notables à constater.

Les aspects juridiques sont respectés, mis à part quelques informations manquantes dans la page de contact, telles que le RCS, siret, numéro de tva intracommunautaire, etc.

En conclusion un site vraiment bien réalisé et qui mérite le détour tant d’un point fonctionnel sur l’ergonomie et le flux de navigation que sur l’idée et le concept novateur.

Aujourd’hui mon analyse va se porter sur un site e-commerce B2B Belge! Oui, c’est rare et donc précieux. Surtout que celui-ci est plutôt bien fait.

Manutan est le spécialiste de la vente à distance de matériel pour profesionnels.

Question ergonomie le site est une pure merveille, à aucun moment on n’hésite sur le chemin à parcourir, il est sobre et clair. On accède rapidement aux catégories qui nous intéressent grâce à de petites images :

Une navigation claire à travers tout le site avec un classement des catégories et sous-catégories extrêmement bien étudié. Une barre de navigation omniprésente nous aide à nous situer partout dans la grosse navigation du site. En effet, ce site comporte des milliers, il s’agit donc de ne pas s’y perdre! Et en parlant de référence, un outil très sympa :

Etant sur un site B2B, les commandes identiques de certaines pièces par les revendeurs ou professionnels sont fréquentes. Ils doivent donc pouvoir saisir rapidement une référence pour la commander.

La comparaison des produits

La comparaison des produits a été très intégrée. En 2 clics de souris, on parvient à ajouter 2 produits à comparer dans sa liste de préférence. On peut ensuite voir plus de détails. Le tout étant géré en ajax est vraiment très facile d’utilisation.

Le flux de commande est très clair et bien respecté. On notera qu’il manque des validations de champs dans la saisie du formulaire, et surtout que le numéro de TVA n’est pas contrôlé et que la détaxation automatique ne fonctionne pas. Chaque commande devra être modifiée ultérieurement.

La technique

Le codage du site est bien réalisé, en full CSS. On regrettera l’absence de contenu textuel sur les pages catégories, le manque de mots clés dans le titre de la page index, et un tissu de lien trop faible. Les urls sont réécrites malgré quelques caractères bizarres en fin de chaine. Le menu javascript de navigation des catégories en facilite pas du tout le référencement et n’est pas appuyer par des liens en dur dans le footer par exemple.

Quelques détails

On regrette aussi l’absence d’animation dans le bandeau en haut, beaucoup trop statique et parlant toujours des frais de livraison. Pas de formulaire de contact, mais juste un email, ce qui porte à croire que nos emails finiront dans la boite de SPAM. Il manque des explications sur les méthodes de livraison et les méthodes de paiement. Bien qu’on sache que la livraison est gratuite, on aimerait savoir dans quelles conditions elle est réalisée et dans quels délais (info que l’on retrouvera sur la page produit uniquement).

Le site est très bien traduit, mais à chaque changement de langue on doit repasser par la page d’accueil, très dommage quand on voit le nombre de produit. Nous avons aussi eu quelques difficultés à trouver les informations concernant la garantie des produits (bien que le SAV soit détaillé).

En conclusion, un site B2B sobre, sans trop d’innovation ce qui est normal pour ce genre d’e-commerce, qui possède une navigation bien pensée mais dont certains points, notamment en référencement pourraient être optimisé.

Aujourd’hui mon analayse se focaliste sur un site e-commerce de décoration d’intérieur : Alter-ego.

Un aspect général très sympathique, très coloré et qui donne vraiment envie de voir les produits. Le logo est un peu simpliste mais dans la charte graphique globale le tout ressort bien.

Une animation en haut permet de faire défiler les nouveaux produits ou les promotions, cela permet de dynamiser le site et c’est d’autant plus agréable.
On retrouve ensuite un menu haut en couleurs:

Celui-ci présente les grandes catégories du site et permet d’accéder à la liste des produits. L’idée de montrer directement des produits et de classifier par couleur est très intéressante. En effet, lorsqu’on clique dans une catégorie, on accède à la liste des produits qui reprend le même style de couleur que la catégorie choisie. Par exemple, je choisis “intérieur”, je naviguerai dans les produits dans des cadres oranges. Cela permet de garder une uniformité au sein de la navigation. Le disposition restant toujours identique.

En parlant de produit, j’ai choisi un hamac, cela me rappelle les vacances!

Une belle page produit, avec de nombreuses photo, un lien vers les frais de livraison, et le rappel du micro-crédit. Par contre, 2 problèmes à constater:

- Impossible de faire une recherche à travers le site?
- La liste déroulante des couleurs ne s’affiche pas correctement.
- Impossible de voir une photo du produit dans une autre couleur?

La navigation est aisée, on sent que la solution provient d’un CMS, la législation est respectée dans les conditions générales et le respect de la vie privée. On trouve facilement et rapidement des facilités de contact:

A regretter :

Le référencement est réduit à sa plus simple expression, pas de balise titre sur l’index par exemple! Le code source est très mal écrit, pas compatible W3C, un mélange de tableaux et de div, le tout complètement écrasé sur une dizaine de lignes. Un manque de contenu dans l’ensemble des catégories et produits. Une mauvaise utilisation en générale des métabalises, pas assez remplies et manquant de mots-clés pertinents.

Et pour finir ce rapide aperçu du référencement… une capture de Google qui en dit long!

Un titre identique sur toutes les pages, des descriptions qui ne sont pas personnalisées par catégorie, et une description de la page d’accueil totalement inutile.

Les promotions ne sont pas assez mises en valeurs, difficiles à trouver depuis cette mini boite en bas à gauche. On aurait souhaité plus de mise en avant des produits phares et notamment des meilleurs ventes.

Sur la page produit, on regrette les avis des clients, la proposition de ventes croisées et surtout la possibilité de naviguer entre les photos sans recharger la page (pitié quelques lignes de javascript…).

Les formulaires de commande sont classiques. On aurait attendu un controle du numéro de TVA et une détaxation automatique, mais aussi un controle javascript sur les champs erronnés… La procédure de commande est simple, mais annoncée en 4 étapes et réalisées en 6 ! Autant être clair dès le début non?

En conclusion, un site e-commerce sympathique, d’un graphisme agréable et d’une navigation facile, qui manque d’originalité au niveau de ses fonctionnalités techniques et dont quelques détails, notamment le référencement sont à corriger.

Chaque fois que vous commandez en ligne, vous remplissez une fiche client. Beaucoup de battage ces temps-ci autour de la conservation des données privées mais ce n’est pas la question d’aujourd’hui. Je voudrais plutôt attirer votre attention sur les techniques pour faciliter la vie du client.

1. La meilleure solution
La meilleure solution consiste à utiliser un outil qui mémorise vos données. Un openID qui sert de login unique à des milliers de sites. Malheureusement ce n’est pas encore assez utilisé et trop de peu de commerçants en sont équipés.

2. La solution la plus réaliste aujourd’hui
Un formulaire, mais bien construit et facilitant la vie du client.
Lors de mes analyses journalières, je surfais sur un site américain qui m’a demandé mes coordonnées dans
cet ordre:
Nom, Prénom
Code postal
Rue
Téléphone
Pays
Etat

Eh non, je ne blague pas… j’étais complètement perdu. Quelle idée de mêler les données, on est habitué à les encoder dans un certain ordre, qui est logique, surtout ne pas perturber la logique et l’habitude. Mais finalement ce n’est pas là où je voulais en venir.
Dans un formulaire, la majorité des sites vont opérer des contrôles de saisies pour éviter que vous ne remplissiez des données erronées voire fausses. Ca limite les traitements ultérieurs. Mais souvent ces opérations de contrôle sont mal réalisées.
Quelques exemples:
a. la page se recharge et vous perdez toutes vos données
b. la page se recharge et ne mentionne pas les champs erronés
c. la page se recharge et mentionne uniquement en haut toutes les erreurs
d. la page ne se recharge pas et ouvre un popup avec les erreurs.

Ces quatres cas ne sont pas idéaux, car de toute façon le client sera frustré. La meilleure technique consiste donc à ne pas recharger la page et à utiliser un formulaire en ajax qui va contrôler le champ lors de la saisie. A chaque saisie exacte, une petite icone à droite du champ s’affiche, par exemple un petit ‘v’ en vert. L’utilisateur est tout de suite informé que sa saisie est exacte et pas après 10 entrées dans le formulaire.

Le contrôle sans l’exagération
Pendant mes tests j’ai été confronté à un contrôle hyper strict du numéro de téléphone. Le format devait être exactement : +33.15555555 c’est à dire avec le +, avec le . et le nombre de chiffres exact. Mon  numéro de téléphone belge ne passait pas! Impensable vu que je n’ai jamais pu passer commande! Contrôler les informations facilite le post-traitement par le vendeur.

Je cherchais un concurrent dans la vente de meubles chinois, mais j’ai été très déçu des concurrents. Les sites ne sont vraiment pas profesionnels, manquent des informations de base, présentation très peu ergonomique. Alors plutôt que de vous montrer des site ecommerce particulièrement laids, j’ai préféré choisir un site assez joli, mais qui présente quelques erreurs majeures.

Nul n’est le but de vouloir critiquer négativement ce site mais simplement de vous montrer les choses sur lesquelles il faut garder un oeil vigilant. Voici donc déco-privée.

1. On retrouve à nouveau les catégories suite au choix du menu du dessus. A nouveau, problème de navigation, je me suis senti un peu perdu. 2. Le nom de la catégorie n’est pas assez mis en avant. Il devrait être plus haut, et on ne devrait plus mettre le menu du haut. Une autre police plus vive et plus grande devrait être utilisée. 3. Le bouton d’ajout au panier! Que ce soit sur cette page ou sur les pages produits, il est MINUSCULE! Désolé du terme, mais c’est atroce de se dire que le bouton le plus important du site soit si petit. Il s’agit donc de faire un bouton à proprement parler et pas juste du texte et un mini logo.

Fin de la page contact. On s’attend à trouver les coordonnées de la société, et en effet on trouve l’adresse. Mais où est le nom social de l’entreprise, le capital social, le RCS, les coordonnées bancaires, un numéro de téléphone pour le suivi?  En fait, toutes ces informations sont disséminées à travers tout le site, malheureusement cela ne respecte pas la législation. Tout comme pour les Conditions générales de ventes qui ne précisent pas ces informations, ni de mentions suffisamment claires sur les retour de marchandises.

Pour clôturer, analysons les pages d’informations sur la livraison et les moyens de paiement. Elles sont beaucoup trop compliquées, et ne présente pas un résumé. Parfois du texte souligné, ou en majuscule, parfois du gras. Elles ne donnent vraiment pas envie de lire, pas de logo de livreurs, et surtout pas d’explications sur les tarifs! on se trouve donc avec une page explicative sur les livraisons qui ne montrent que les zones livrables et les délais. Une très grosse lacune à mon humble avis sur un site qui doit envoyer de gros colis (meubles).

En conclusion, un site qui est convivial et étoffé avec un catalogue conséquent et de belles photos de produits. Mais des gros efforts à faire au niveau marketing et juridique pour booster les ventes! Je n’ai pas abordé le point du référencement qui est aussi une grosse lacune de ce site. Je le positionnerais cependant dans la liste des 5 premiers site du genre.

Je passais sur un forum et on parlait de ce site Meubleschinois! Whaou! Superbe… bon, allez trève de compliments, je commence mon analyse!

Un aspect général très zen, très épuré et sobre… logique c’est le but du site, mais très bien réalisé!

Un logo ultra-personnalisé très zen et magnifique, ca donne déjà envie d’aller visiter le site! Des couleurs bien choisies et une harmonie très sobre. On aurait pu y voir un ton opposé au pastel pour relever une partie des couleurs.

On rassure directement le consommateur en mettant dans le haut de page le contact téléphonique 7 jour sur 7 !! Et aussi le champ de recherche qui permet d’accéder directement aux produits recherchés.

Le pack sérénité toujours inclus dans les commandes: - Livraison gratuite - Paiement en 3 fois et présenté de manière extrêmement visuelle sur les pages produits: Et finalement, l’option “Satisfait ou remboursé” qui marche extrêmement bien.

La première page est composée de plusieurs publicités personnalisées, très bel effet visuel surtout avec les petites animations flash qui dynamisent le site. Sur les pages de catégories, on retrouve directement des produits accessibles, présentés très clairement. Le menu des catégories aurait pu être un peu plus original, avec un fond chinois par exemple et des coins plus arrondis. Problème de référencement sur ces pages catégories, puisque ni le titre, ni la description ne change. On ne retrouve pas non plus de texte explicant les informations de la page (donc page quasiment vide de contenu) et surtout, il n’y a même pas de titre de la page (type balise H1).  Si l’image du produit est trop petite, il y a un décallage de la zone de prix, c’est dommage, ca casse l’harmonie globale du site.

Sur les pages produits, on rappelle les grands points qui font le succès du site. A nouveau on rassure le consommateur avant qu’il ne clique sur ajouter au panier. Le bouton ajouter au panier est un peu dans la page, j’ai du chercher une à deux secondes pour le trouver. La page produit est légèrement décallée sous Firefox au niveau du menu de catégories, dommage alors que tout est bien callé.

Le site est développé sur base de Oscommerce MS2, donc en tableau  100%. Pas terrible du tout pour la validation W3C et quelques décallages à constater. Les photos supplémentaires sur la page produit sont un peu positionnées n’importe comment, il faudrait plus de régularité puisque tout le site est bien cadré;

Le panier est classique et manque d’ajax pour éditer, modifier sa commande facilement sans recharger la page; Le processus de commande est sympathique, mais peut-être pas encore assez ergonomique, il reste du travail à faire de ce côté là, je me suis senti perdu dans la masse des boxes.

Question référencement, les titres de pages produits commencent par un numéro de référence… totalement inutile pour le consommateur et les moteurs de recherche. Manque de contenu dans la page produit, et surtout manque de tissu de liens à l’intérieur du site.  Manque de liens extérieurs aussi, on se retrouve avec un PR 2 seulement!

On retrouve les points importants du service et de la garantie sur la page panier. C’est excellent car la page panier est souvent un blocage du client, il ne va pas plus loin à cause de son incertitude; La gestion du compte client est restée beaucoup trop basique par rapport à Oscommerce, aucune modification majeure. C’est vraiment dommage quand on voit que tout le site a été refait, et très bien refait avec une charte graphique personnalisée de très haute qualité. Il y a donc vraiment un effort à faire de ce côté.

Des pages qui rappellent les méthodes de livraison et de paiement extrêmement bien faites et très claires. Un must dont beaucoup devraient s’inspirer! Et finalement des conditions générales de ventes très bien rédigées.

En conclusion, un site très beau et ergonomique, avec encore quelques bugs de jeunesse à améliorer mais dans l’ensemble un site ecommerce qui tient vraiment la route!

Pour changer un peu de style mais rester dans la comparaison des sites de GSM, j’ai sélectionné un vendeur de GSM aux états-unis : Select GSM.

Je ne vais pas faire une analyse détaillée comme d’habitude, mais seulement une analyse des points particuliers qui font les petites différences ou éléments intéressant de ce site.

Voici le menu. Le choix des catégories est intéressant parce qu’il est basé sur l’expérience utilisateur. Vous cherchez un téléphone de luxe beau à regarder ou plutôt un gsm avec lecteur MP3 ou finalement un smartphone. Cela peut paraître un peu ridicule, mais la plupart des boutiques présentent leurs catégories sous forme de marque, modèle, type de réseau, etc. L’approche me semble plus personnelle.

En ce qui concerne la page produit, quelques petits détails :

On y retrouve l’avis des gens, et diverses options : garanties, couleur, langue, etc. Peu de magasin le propose. On y  retrouve aussi les images alternatives pour aider à visualiser le produit. En somme, même si le graphisme général du site n’est pas excellent, il y a beaucoup d’informations intéressantes qui ne sont pas trop condensées dans un minuscule carré mais plutôt bien réparties, ce qui rend la navigation agréable.

Le sous-menu de la page produit présente sous forme d’onglet, qui ne nécessitent pas de recharger la page, la description, les accessoires et packages, ainsi que les critiques du produit. Très pratique pour passer de l’un à l’autre sans attendre que la page se recharge. Navigation très conviviale.

Je passe ma commande, le flux est très clairement indiqué en haut. Le jeu des couleurs permet de suivre les étapes de ma commande. Simple mais efficace.

La possibilité de faire un checkout avec Google! Innovant et encore très peu utilisé en Europe, Google checkout pourrait supplanter à (très long) terme, le fameux Paypal. Cela permet de passer commande en 2 clics de souris, puisque Google garde les informations personnelles et les données de paiement!

On trouve une boite sur le côté de toutes les pages qui propose d’encoder son numéro de facture pour suivre l’état de sa commande. Très pratique quand on commence à s’inquiéter à l’idée de ne pas recevoir sa commande! Rapide et efficace!

En conclusion, un site qui pourrait être nettement amélioré, mais avec quelques fonctionnalités innovantes. Intéressant de constater qu’un site aussi bien placé dans les moteurs de recherche et avec un chiffre d’affaires aussi gros, ne se soit pas mis au Web 2.0 et n’ai pas vraiment fait attention à sa charte graphique.