C’est maintenant un classique du genre. Marque après marque, le ecommerce voit grossir ses rangs de sites de fabricants profitant de cette nouvelle manne pour s’établir sur le Net. Avant les futurs sites de Zara et H&M, c’était hier au tour de Celio de nous proposer une e-boutique en partenariat avec un Mix-Commerce, un spécialiste de la délégation e-commerce.
Premières impressions sur la page d’accueil
Au premier regard, Celio.com est plutôt réussi : design moderne, page d’accueil aérée quoiqu’un peu confuse. Mais l’ensemble respire bien et donne envie d’entrer dans le reste du site (même si, répétons-le, la page d’accueil n’est jamais l’unique porte d’entrée d’un site, bien qu’elle soit sa vitrine et qu’elle en donne le ton).
Le logo, pour une fois, n’est pas placé en haut à gauche, ce qui est assez inhabituel et le champ de recherche vient aussi prendre une place originale en haut de la colonne de catégories. Sans être rédhibitoires, ces choix pourront paraitre un peu déroutant pour des internautes habitués aux sites de ecommerce. Le menu principal de navigation est situé à gauche, ce qui est également peu orthodoxe, mais finalement pas vraiment gênant.
Le numéro de téléphone du service client est placé en bas à gauche au détriment de sa visibilité. Comme c’est un des éléments principaux de réassurance du site, on peut dire qu’il est dommage qu’il ne soit pas placé de manière plus visible dans l’entête.
Le « ventre de la page » est un peu confus car envahi par des bannières sans call-to-actions clairs exceptés pour les 2 boutons « découvrir », un peu mal positionnés en bas de page. Les grands blocs visuels « Mode techno-chic », « glam rock » et « concours », risquent, eux, de pâtir du syndrome du « banner blindness », l’aveuglement des internautes par rapport aux bannières publicitaires, par manque, encore une fois, de call-to-action clair. Cet espace pourrait sûrement être mieux exploité.
Une navigation sans histoires
Les pages de catégories sont accueillantes et modernes avec leurs grands visuels produits pris en plein-pied (ou presque). En revanche, sous mon Mac (voilà où ça mène de vouloir frimer avec une pomme sur son PC), les roll-over sur les photos et les clics sur les vignettes de coloris ne fonctionnaient pas.
De plus, on peut regretter l’absence d’une navigation par filtres (voir PROMOD) qui aurait été bien utile d’autant plus que beaucoup de produits se ressemblent beaucoup et qu’on a du mal à s’y retrouver (voir la page des chemises unies).
Fiche produit pratique
Le zoom permet de bien voir la texture du produit
La fiche produit a une mise en page un peu bizarre avec les vignettes multivues qui viennent s’insérer entre la photo du produit et le bloc d’information et d’ajout au panier. Même si le descriptif produit se trouve sous la ligne de flottaison (toujours sur mon Mac), l’ensemble est complet et permet à l’utilisateur de se faire une bonne idée de la coupe et de la matière du produit, grâce notamment à un zoom très puissant (mais pas très facile à manipuler et contraint à une fenêtre trop petite / on aurait aimé l’avoir en pleine page). On appréciera l’affichage de la disponibilité des produits en fonction de leur couleur. Il n’y a rien de plus horripilant que d’ajouter un article au panier et de s’apercevoir pendant le processus de commande que celui-ci n’est pas disponible dans les délais normaux.
Petit truc marrant : quand vous ajoutez un produit au panier, celui-ci glisse à travers la page pour rejoindre le panier en haut à droite. C’est un effet visuel sympa, un peu lent, mais plutôt efficace et qui évite aussi un rechargement de page.
Brève conclusion
Sans aller plus loin dans l’analyse, Celio démarre le e-commerce avec un site agréable, mais qui demanderait encore pas mal d’améliorations ergonomiques. Avec 200,000 visiteurs uniques mensuels déjà sur le site principal de Celio, quelques bonnes séances d’A/B testing devraient rapidement s’imposer.
Beaucoup de choses sont un petit peu inhabituelles sur le nouveau site de Celio
A lire :
C’est marrant la page celio.com n’est pas mises à jour…
disponible des le 02 novembre ^-^
Le capitaine à un coup d’avance :)
Beau site effectivement, avec quelques lacunes :
sur la fiche produit de mon jeans je choisis ma taille, je clique sur le bouton commander, on me demande de sélectionner un couleur, et la surprise : il n’y a qu’une couleur disponible…
Si sur cette même fiche produit je change la taille, je dois à nouveau sélectionner la couleur…
Finalement j’ai trouvé ma taille et ma couleur :)
et me voila renvoyé vers la page
http://www.celio.com/error.htm?code=500
oups, c’était sans doute pas la bonne couleur.
ps: sur la page d’erreur, prévoyez de renvoyer sur la page précédente, et non pas sur la page d’accueil, vous éviterez de la frustration.
Bonne journée
Bonjour Capitaine,
Merci pour ce post très intéressant qui tombe à point nommé car nous préparons d’ores et déjà les spécifications fonctionnelles de la version 2 du site. Nous allons donc écouter avec attention les réactions de ce billet.
Concernant les filtrages, ils sont d’ores et déjà implémentés mais non activés. Nous devrions être en mesure de les activer à la prochaine mise en ligne. Avec dans un premier temps un filtrage par coupe dans les listes produits et un filtrage par type de produits dans les pages vestiaires.
Dans un second temps je pense qu’il sera nécessaire d’avoir les filtrages par taille avec interrogation des stocks, mais nous touchons ensuite à d’autres problématiques à savoir la gestion du cache et des temps de réponse, donc allons-y crescendo.
Le logo au centre est un vrai parti pris qui j’espère ne va pas trop bousculer nos très chers clients. Les statistiques analytics ne révèlent pas à ce stade des comportements de navigation atypique.
Concernant le roll-over sur les photos produits, nous allons finalement abandonner cette fonctionnalité qui avec du recul n’apporte pas grand-chose pour le client final. Qu’en pensez-vous ?
L’A/B testing sera effectivement le meilleur moyen d’analyser la performance des prochaines maquettes.
Au plaisir de lire vos réactions…
En vrac quelques remarques vite fait :
celio.com ne redirige malheureusement pas directement vers le site marchand, mais vers une page intermédiaire un peu vide.
Je n’ai pas saisi la différence en celio et celio club.
La gestion des total look est incompréhensible (j’ai commandé, le prix ne comprenais pas la reduc dans le panier).
Pourquoi suis je obligé de choisir une couleur s’il n’y en a qu’une de proposé ?
Dans l’ensemble je trouve le site agréable et bien fichu. Et heureux d’entendre parler d’AB testing ;)
Je trouve que la sobirete du site colle bien a l’image de marque de celio. Le simages produites sont de bonne taille, et, il est vrai que le zoom n’apporte pas gd chose. Si l’image zoomee suivait le deplacement de la souris, oui il y aurait un plus. Le « completez votre look » est sympa et, les combinaisons choisit sont judicieuses. Concernant le numero de tel, il reste dans la page principale sans devoir scroller donc cela ne devrait pas poser de probleme pour le client.
L’effet zoom sur les onglets du haut pour basculer d’un site a l’autre marche bien a mon sens. L’ajout au panier original et fluide.
Site bien reussit a mon gout.
Sur la partie ergo/expérience utilisateur, je trouve que le site est plutôt réussi.
Notamment l’ajout au panier qui est assez sympa, même si le loader ajax lors du clic sur le bouton « commander » est à l’opposé de ce dernier.
Par contre je mettrai tout de même 1 petit bémol sur l’optimisation du balisage et de l’aspect sémantique de ce dernier.
@Steven : il est vrai que le roll-over sur les produits n’apporte pas grand chose, d’autant plus qu’il donne l’impression d’être un bug d’affichage.
La vraie bonne nouvelle, c’est que je vais pouvoir arrêter de me prendre le chou le samedi pour aller me fringuer pas cher en ville ;-)
Sinon mixcommerce, je connaissais pas trop c’est dément comme business. c’est dans la même lignée que inspirationnal stores mais sans le positionnement luxe ?
c’est vrai que le roll-over en l’état n’apporte rien (le visuel du détail est trop petit), mais je ne pense pas que l’idée soit à abandonner, mais plutôt à améliorer, comme par exemple montrer les tailles disponibles (cf http://www.etam.com), montrer tout de suite une deuxième vue du produit etc etc…
sans aller jusqu’à la mini-fiche produit, je penser qu’il y a plein d’infos intéressantes à mettre sur un roll over
@Vincent :
Pour la page 404 : Lien « historyback », c’est noté !
@cobolian :
celio.com est en cours de paramétrage. J’ai d’ailleurs noté que Firefox était plus intelligent qu’IE ;) (Il ajoute automatiquement les www). Pour les « total look » au mauvais prix, c’est surprenant ! je n’arrive pas à le reproduire, peux tu nous envoyer un screenshot à sd(at)mixcommerce.com ?
@Ceelya:
Merci pour ton feedback sur le logo flash. D’autant qu’un contenu alternatif se cache derrière pour un premier pas vers de l’accessibilité mobile.
@Gilles :
Coté sémantique je pense que nous allons revenir sur la formule « Ajouter au panier » au lieu de « commander » mais la formule est plus longue :S Nous avons par ailleurs volontairement omis la fonction « quantité » considérant que les cyberacheteurs achètent rarement en PAP un « modèle colori taille » en plusieurs exemplaires. La quantité est néanmoins modifiable au panier. (à surveiller coté datawarehouse)
@Jarvik :
La boutique en ligne n’a pas vocation à cannibaliser le business des boutiques physiques. Je pense qu’un des gros enjeux est justement de travailler sur la synergie on>off, off>on. Un billet sur le sujet serait d’ailleurs apprécié Capitaine ;)
Pour ce qui est de la présentation de Mixcommerce, un interview avec le Capitaine est dans les tuyaux.
@Thomas :
Concernant l’affichage des tailles disponible c’est effectivement une évolution intéressante, je note.
Pour l’effet Etam c’est pas mal mais nos vues 2 ne sont pas toujours appropriées exemple les produits « non portés » type accessoire, l’effet serait surprenant. Par contre ça peut devenir une contrainte à intégrer lors des shootings (Aplat vs porté). A méditer…
Il manque un beau Call To Action sur la bannière centrale à mon avis.
@cobolian : celio club est plus orienté business (chemises, costumes et cie)
@Capitaine : Désolé pour mon précédent commentaire. Il semblerait qu’il ait été posté en doublon…
@All: Que pensez-vous de la prehome ? Voyez vous des leviers d’optimisation pour cette page à double entrées (site de marque et boutique en ligne) ?
Bon site, juste petit bémol j’utilise le navigateur Safari et le numéro de téléphone en bas à gauche est caché par le lien « Nous contacter ».
Pour le zoom dans les fiches produits je suis d’accord avec vous, cela me fait penser à un mini bugg. Attention…
2/3 semaines après le lancement le site etait deja le deuxieme point de vente de la marque en France, après celui de Champs Elysées! Un grand succes!