Du bon, du beau, du Bordeaux primeur

osCommerce reste, malgré ses vieux os, une solution d’actualité

Malgré un âge plus que canonique pour le web (la dernière version date de 2003), osCommerce continue à être la solution open source de prédilection des e-commerçants. Il y a 4 semaines, même un gros poisson comme les Galeries Lafayette sortait un site tout beau tout neuf élaboré sur cette base si populaire. Aujourd’hui donc, c’est un plus petit client, mais avec un site totalement réussi et complètement marchand, Primeurs Bordeaux, qui se lance dans la bataille de la vente à distance de vins avec un osCommerce totalement customisé et relooké, auquel visiblement, un SPIP a été adjoint pour la partie éditoriale.

Si Primeurs Bordeaux ne réinvente pas les standards du ecommerce
(quand on voit ce que ça donne chez certains. plic, plic, suivez mon regard ), il se distingue par une réalisation propre, honnête et de bonne facture, qui ne mérite, à première vue, aucun reproche.

Revue de détail…

Les plus

  • Ambiance graphique sympa et moderne
  • Mise en page simple
  • Bonne présentation des catégories
  • Les zoom sur les étiquettes très parlants
  • Bonne classification
  • Bonne matérialisation du processus de commande


Les moins

  • Mais d’où viennent les notes sur les bouteilles ? Des experts ou des internautes ?
  • Textes trop petits et pas imprimables dans les pages de présentation des catégories
  • Quelques bugs javascript sous Mac OS X (comme ça, tout le monde sait que j’ai un Mac maintenant)
  • L’ajout au panier en ajax : c’est bien de ne pas recharger la page, mais c’est mieux de bien montrer que le produit a été ajouté. Rien ne le signale.
  • Le lien vers le panier disparait parfois (dans la page d’infos ou dans la recherche)
  • Attention aux onglets vides (vins italie). Si il n’y a aucun produit dans une catégorie, pourquoi ne pas suggérer autre chose ? (pareil d’ailleurs pour la recherche : quand pas de résultat, suggérer autre chose)
  • Moteur de recherche pas assez en avant
  • Pas de chemin de fer…
  • Formulaires d’inscription avec des champs obligatoires qui ne devraient pas l’être (Etats, adresse 2)
  • Page de paiement électronique pas personnalisée (ça casse un peu l’ambiance)


Quelques conseils pour aller plus loin

  • Proposer une recherche par onglet alphabétique
  • Faire du communautaire et pourquoi pas ?
    • Recueillir les avis clients après dégustation
    • Proposer un petit espace perso aux clients pour qu’ils puissent “bookmarker” leurs vins préférés et sauvegarder leurs commentaires
    • Proposer un flux RSS sur les derniers arrivages et les promos


Une très bonne première version

Au total, Primeurs Bordeaux est une bonne, très bonne même, première version. Même le SEO (Search Engine Optimization) a été soignée : url rewriting, gestion des metatags. Il dispose donc des atouts, techniques du moins, pour vendre. Il serait heureux que Monsieur Gross (un des associés de Primeurs Bordeaux), nous partage dans les grandes lignes sa stratégie commerciale.
Mais en attendant, n’hésitez pas à nous dire, vous, ce que vous en pensez et ce que vous améliorerez sur Primeurs Bordeaux.

Cliquez ici pour visiter le site de Primeurs Bordeaux

Quelques liens pour ne pas mourir idiot :


Et bien sûr : la galerie des sites osCommerce qui vous montrera tout ce qu’on peut faire avec un petit logiciel Open Source gratuit

,


Bienvenue aux Galeries Lafayette !
GalerieLafayette.com : que de Flash, que de Flash



Un petit buzz courait deci delà sur le nouveau site ecommerce des galeries Lafayette et, ça y est, depuis lundi, il est en ligne, provoquant, il faut le dire, des réactions plus ou moins ravies chez les afficionados de la “plus que centenaire” galerie marchande parisienne.
En tout cas, une bonne surprise nous attendait : galerielafayette.com est un osCommerce, ce qui me permet de réactiver une rubrique restée longtemps morte sur ce site : les sites osCommerce du jour.

A quoi reconnait-on un osCommerce ? Un indice certain est lorsque les urls contiennent un paramètre cPath, typique d’osCommerce, ce qui vaut d’ailleurs un petit coup de réglette sur les doigts des concepteurs de galerielafayette.com, car c’est parce que l’url rewriting* n’est pas activé que je le sais.


7 points remarquables de GalerieLafayette.com


1 mise en page à l’horizontal
Foin de deux ou trois colonnes, le format horizontal adopté a le mérite d’être agréable à l’oeil et évite à l’internaute les terribles ennemies de l’utilisabilité que sont les barres d’ascenseurs

Point trop de produits pour ne pas fatiguer le cerveau
Une offre visible à l’oeil nu sur la page d’accueil suffit à nous faire pénétrer dans le site. Un petit paginateur en Flash permet de passer de l’une à l’autre : ici, c’est la découverte et la déambulation qui sont favorisées, pas le matraquage d’offres (c’est normal, c’est les Galeries Lafayette, pas la foire aux bestiaux).

Vive les marques !
C’est devenu un incontournable : mettre les marques en avant. Un onglet spécial tout à gauche leur est reservé (notez également la réglette alphabétique en bas de page, qui est un outil de recherche vieux comme le monde, mais ô combien efficace) Le shopping par marque est évidemment devenu depuis longtemps une habitude préférée des internautes.

Du Flash partout
Les concepteurs du site ont eu la main lourde en ce qui concerne le Flash. Tous les contenus ou presque sont en Flash : page d’accueil, page Marques, page de catégorie. Et le référencement, les gars, vous y avez pensé au référencement ?

Navigation “Fisheye”
Ah, le navigateur “oeil de poisson”. Les connaisseurs de Mac connaissent bien. Depuis, ce système dont l’efficacité a été prouvé par les plus grands fabricants de sites a essaimé sur le web. On en retrouve un pour naviguer entre les produits d’une catégorie : c’est très joli, très agréable à utiliser, mais est-ce efficace quand il y a beaucoup de produits ? Oui, si on y ajoute un filtre multicritères comme ici (malheureusement, pas toujours efficace)

Des descriptifs pour les hypervoyants
C’est un défaut en général : l’ergonomie du site a sans doute été pensée pour des hypervoyants (ceux qui arrivent très bien à lire des polices de 8px) et des hyperpointeurs (ceux qui aiment bien cliquer sur des liens plus petits que la flèche de la souris). Dommage pour les autres : hommes et femmes de plus de cinquante ans, constituant sans doute une très grande part de la clientèle des Galeries. Le descriptif de la fiche produit, en tout cas, avec ses barres d’ascenseur microscopiques tombe tout droit dans ce travers “classique” des designers de site.

Le designer : “Merde, on a pas la place pour les descriptifs produits !”
Le chef de projet : “Boh ?! Pas grave ! On va écrire en plus petit et mettre des barres d’ascenseur”
Le designer “Ah ? Ouais. Bonne idée. Génial ! Vous être trop fort, chef !”

(nb : en réalité, les designers n’appellent jamais leur chef de projet “chef”. Ils sont trop cool pour ça et d’ailleurs ils se feraient même virer s’ils utilisaient cette terminologie propre à un dialecte militaire fin années 70 type Gendarme à St-Tropez)

Une barre de loading de page
Petite curiosité technique que cette barre de loading. Sert-elle à dire : “Mes pages sont un peu lourdes, alors je vous demande de patienter en regardant ma barre s’allonger (oh oh oh)” ? Ou bien : “Si ça rame, c’est normal, c’est de la faute de votre connexion ou de votre FAI. En tout cas, nous, on est honnête, on vous indique ce qu’il reste à télécharger, comme ça, il n’y a pas de triche”.

Pas d’url rewriting, pas de référencement
Ca ressemble à une erreur de débutant et pourtant, ça n’en est pas une. A moins qu’on me dise que l’url rewriting ne serve plus à rien de nos jours ???


Conclusion
GalerieLafayette.com ne révolutionne pas le ecommerce, mais offre une interface originale et de qualité à l’internaute. L’avoir mis en bêta ressemble à une “joke” (blague, en anglais) de la part de ses concepteurs ou alors comme une excuse pour ne pas avoir corrigé tous les bugs la veille du lancement.
Et vous, vous en pensez quoi de GalerieLafayette.com ?

*url rewriting : technique qui consiste à réécrire à la volée des urls “pas belles” comme www.monsite.com?pageId+27 en www.monsite.com/les-bonnes-affaires. L’url rewriting favorise la lisibilité des adresses web et, surtout, le référencement par Google.


A voir sur le Ouaibe :


A voir sur le Capitaine Commerce


Et rappelez-vous : si vous souhaitez que l’on parle de votre agence et que vous avez fait un beau site en osCommerce (ou Magento), écrivez-moi à capitaine-commerce(at)capitaine-commerce.com

,


Googrec.comGoogrec, conçu sur une base osCommerce Pro, reflète exactement le type de sites qu’OS Systèmes tendra à créer dans l’avenir : un design personnalisé, l’ajout de fonctionnalités spécifiques, l’interfaçage avec des systèmes d’informations externes et de la gestion de contenus. Il représente la transition du site classique de commerce électronique vers une entité plus compliquée mixant plusieurs approches de contenus. Il est aussi un projet plus important pour nous, puisqu’entièrement automatisé dans la gestion de la logistique et de la comptabilité.

SageQuelques fonctionnalités spécifiques : recettes croisées avec fiches produits, fiches producteurs croisés avec fiches produits, zoom en Flash, cross-selling et bundle products, blog dotclear, flux rss du blog intégré à la boutique.

Principale innovation : interface d’osCommerce avec E-logistique. Les commandes passées sur la boutique sont directement passées au logisticien qui prépare l’expédition des commandes dans la journée.
Une interface a également créée avec une ligne SAGE pour la gestion commerciale.

Maître d’oeuvre : Alca
Développement/référencement/hébergement : OS Systèmes
Design : Peggy Nile
Photographie : Stephan Hoareau
Logistique : E-logistique
Gestion commerciale : SAGE
Budget : entre 10000 et 15000 euros



Yobaparis.comYobaparis.com s’inscrit dans la lignée des sites réservés aux femmes et uniquement aux femmes. Il leur propose des produits chics et coquins totalement exclusif. D’une charte graphique rose tendre, Yobaparis propose 5 gammes de produits, de la lingerie aux sextoys. Loin d’être un site “hard”, Yoba se veut une nouvelle manière d’offrir du plaisir aux femmes. L’ergonomie en a été récemment revisitée pour faire plus Web 2.0. Des rollovers astucieux sur les photos de produits réduisent le temps de parcours d’achat de la cliente (pour respecter la fameuse règle des 3 clics).
Yoba dispose également de points de vente réels, dont une boutique à Paris et une à Bruxelles, offrant aux acheteuses la possibilité de “toucher” leur futurs achats et de parler en toute intimité de ces produits sexy et fun ! Je mets 8/10.
Visiter Yobaparis.com >>