Découvez les points forts de la nouvelle version du 4ème ecommerçant généraliste français.
Depuis lundi 31 août, 3suisses.fr offre un nouveau visage à ses clients. La page d’accueil et la navigation ont été entièrement repensées par les équipes internes du vadiste nordiste et tranchent radicalement avec le reste du marché. Ayant participé au projet, je me devais de vous en toucher quelques mots.
Une page d’accueil ‘magazine-like’
Ce n’est pas parce qu’on est sur le web qu’il faut obligatoirement faire du 3 colonnes surchargés de promo et de produits. L’inspiration de la nouvelle homepage vient clairement de la presse féminine comme Elle ou Marie-Claire. Grosse typo. Photo pleine page ou plein écran, devrais-je dire. Titres en caractères gras. Mise en page libérée du HTML. Voilà qui respire, sent le neuf et vient épouser les formes libres des sites évènementiels de mode ou des sites de graphistes. L’internaute y trouvera de la simplicité et de la séduction, caractéristiques qui manquaient singulièrement à l’ancienne version.
Navigation simplifiée
Fini les tripotées d’onglets illisibles ! 7 catégories simples (remarquez la sobriété des intitulés) viennent tout dire sur le contenu du site qui du coup s’en retrouve simplifié au niveau de son architecture. C’est plus facile à mémoriser pour l’internaute et c’est aussi plus rapide à lire.
Des grands menus « déroulant » à l’horizontale viennent ensuite décomposer ces 7 grandes catégories en rayons et sous-rayons. On retrouve l’architecture ancienne du site qui n’a pas en réalité disparue, mais a été rendue plus « préhensible » par ces nouveaux menus. Malgré leurs tailles, ceux-ci s’affichent avec une grande vitesse grâce à un travail sur les temps de latence qui ont permis de diminuer fortement les impressions de « lagging » qui peuvent être dues à la lenteur inhérente au javascript.
Adossé au menu principal, le mini-menu en haut à droite est en réalité le menu principal de navigation que l’on retrouve sur toutes les pages internes. Il est réservé aux habitués du site.
Des liens indispensables
Rangés sagement en haut à gauche, les liens les plus utiles de 3suisses.fr sont rendus visible par leur isolement relatif au sein de la page et permettent d’accéder rapidement aux fonctionnalités les plus demandées par les internautes.
Une interface plus fluide, plus claire, plus rapide, c’était le résultat voulu par 3 Suisses France et c’est le résultat obtenu. La concurrence va-t-elle y puiser désormais son inspiration ?
L'ancienne interface était peu lisible et fouillis
Message hors-sujet
Pas vraiment vraiment convaincu pour ma part.
Si l’objectif, c’est de placer 3suisses comme un site « magazine de mode », c’est réussi.
En revanche, si l’objectif est de vendre plus…je trouve que la refonte tape à côté !
Ca manque furieusement de prix et de produits, tout simplement.
Maintenant (et pour modérer mes propos), avec la puissance du catalogue papier(qui est loin d’être mort quoiqu’on en dise) et de la marque, 3suisses peut effectivement se permettre ce ton « décalé ». C’est ambitieux, et de ce point de vue là : réussi !
Je ne vois aucune révolution. Juste des gens qui ont eu l’intelligence (et le courage, en France c’est important de le préciser) de tester autre chose que le site e-commerce chiant (et pas toujours si efficace qu’on veut bien le dire) que tout le monde connait. Alors pour tout ça je dis bravo.
Je partage le point de vue de Sylvain.
On dirait que cette refonte a été pilotée par une équipe très « marketing-com », et on sait que la com et le e-commerce n’ont pas toujours fait bon ménage…
Je trouve le parti pris graphique très intéressant, mais l’image est-elle suffisante pour vendre (et vendre plus) ? Par exemple, je trouve étonnant que pour un site de cette taille, tout le monde soit confronté à la même HP statique, sans aucune considération des préférences (via l’historique de navigation ou de commandes) de l’internaute, pour savoir quoi lui pousser de manière efficace.
Maintenant, on a beau débattre entre « experts », c’est les internautes qui auront le dernier mot et je serai curieux de voir les résultats.
Capitaine, on compte sur toi pour nous mettre au courant !
@Benjamin : pour analyser l’impact d’un tel changement sur un tel site, il faut attendre plusieurs semaines.
Bonjour Olivier,
Personnellement, je trouve cette Landing page très réussie.
C’est juste dommage qu’il y ai par contre toujours autant d’incohérence dans l’ensemble du site du point de vue visuel.
Cette nouvelle navigation est effectivement une belle trouvaille/innovation et permet de sortir du sempiternel comparatif laRedoute/3suisses.
Mais ce que je trouve dommage de mon point de vue (qui vaut ce qu’il vaut) dès l’entrée dans une des 7 catégories, le manque d’homogénéité vis à vis des polices utilisées sur la homme pour les 7 grandes catégories, et la police utilisée dans les pages de contenus ici http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/femme.html (qui est non pas le rendu d’une police système mais une image http://www.3suisses.fr/portail3s_img/3S/FRA/contenus/new/structure/femme-mode-off.png)
Même remarque pour le top menu () qui est là aussi géré avec des fichiers Gif (je dis ça car on le repère vite sur des OS récents qui lissent les polices).
Bon courage, car j’imagine très bien qu’il doit être difficile de trouver une cohésion dans la fourmilière de gens qui travaille au bon fonctionnement de ce site.
ben moi j’aime bien … Surtout les menus de 2em page ex : enfants, puis, 2-12 ans). Mais bon,je n’ai jamais fan des interfaces à la Cdiscount (mais c’est purement subjectif).
Vu l’enjeu, je suppose qu’il y a eu des séances de tests utilisateurs, ce genre de choses , non ? Quels ont été les progrés constatés ?
@Wizeoo : oui, nous avons mené des tests utilisateurs pour obtenir un ressenti des clients face à l’interface, puis en fonction de leurs comportements et réactions, nous avons remis à l’établi certains détails
Vraiment réussi, la redoute n’a qu’à bien se tenir
Qui est l’agence ?
@antoine : réalisé par une équipe en interne
il n’y a pas de sous traitance même pour le développement, ce n’est pas un sqli ou autre ?????????????
Je suis particulièrement d’accord avec votre commentaire sur le design surchargé. Il faut parfois un retour aux sources en termes de design, et abandonner les contraintes qu’on s’impose soi-même…
Bonjour, je prends pas beaucoup la parole ici bien que je suive attentivement le blog depuis mon reader
Pour ma part je trouve que c’est une réussite esthétique, la navigation est agréable et les tons sont reposants. Peut être effectivement on manque un peu de contraste sur les pages et du coup on « glisse » un peu trop facilement le long des pages sans forcément s’arrêter. Sinon dans l’ensemble c’est une bonne expérience de surf
Si ce n’est pas indiscret, une refonte comme celle-ci pour un groupe comme les 3suisses c’est un projet qui dure combien de temps et qui monopolise combien de personnes (histoire que nous, lecteurs et petits acteur du ecommerce ayons un ordre d’idée de ce que les grandes machines sont capable de faire) ?
Merci ! Et vu que je n’ai pas souvent l’occasion de le dire, j’en profite : félicitation pour le blog et son contenu !
La question de Pierre, ou du moins la réponse, m’interesse
@Pierre : merci pour les félicitations.
salut la compagnie commerce
je sais bien qui est là pour la partie référencement.
je trouve pour ma part le site pas mal du tout avec quelque petit bémol tout de même.
les texte écrit verticalement (en ce moment, nos service) ou il faut penché la tête ou faire un effort pour lire c’est moyen.
ensuite au niveau de la navigation certaine page sont complètement differente on se demande si on est sur le même site (personnalisé vos t shirt).
la lisibilité de certain texte sont limite aussi pas fait les senior ou val voyant :
ma livraison en 24 h
échangé ou remboursé..
idem pour le texte tout tout en bas NOS RUBRIQUE
il faut vraiment être motivé pour le lire essayé vous verrez
le comparateur produit hi-teck vraiment pas mal j’en avais jamais vue des comme sa.
mention spéciale a la page d’accueil qui est top
également bémol pour la naigation Loisir qui est differente des autres rubriques ce qui peut déstabiliser. bon aprés c’est tout j’ai pas le temps de faire tout le site .
beaux travail en tout cas pour un tél catalogue c’est pas évident.
@OlivierS : de rien, c’est sincère.
J’espère d’ailleurs que vous pourrez répondre à ma question… en fait j’en ai une autre qui me brûle les lèvres alors je la pose même si encore une fois je ne sais pas si vous aurez un droit de réponse autorisé !
Sur un projet de cette envergure, avec un site qui doit avoir un CA quotidien non négligeable qu’est-ce qui est mis en oeuvre pour « gérer la transition » ?
Ce qui m’interresse n’est pas tant la mise en ligne technique du site et le temps que cela a necessité pour passer (j’imagine en une nuit) d’une version à l’autre mais plutôt comment les équipes gèrent « la perte client » durant la phase d’acceptation du nouveau site ?
A savoir les nombreux clients récurrents qui connaissaient le site, y étaient habitués, et qui du jour au lendemain perdent l’ensemble de leurs repères ? Visuellement je ne vois rien qui indique la transition ni comment retrouver ses petits si l’on était un habitué…
J’imagine que le sentiment de frustration doit être assez grand, personnellement à chaque fois que la superrette du coin refait son rayonnage je peste car mes courses me prennent facilement 2x plus de temps !
Bonjour
Ne m’en voulez pas mais cette nouvelle présentation me rappelle parfois furieusement les mises en pages d’un autre site connu voué au déstockage.
C’est un hommage voulu ou un simple hasard ?
Par contre je trouve très réussie la recherche textuelle et son affinement. C’est à mon avis une référence du genre.
Peux ton avoir une idée du temps de travail nécessaire à un grand groupe comme 3 suisses pour passer de l’ancienne page à celle ci ?
En effet cela tranche pas mal avec un site ecommerce classique puisque les menus sont super discrets, comment cette idée à été acceptée par la direction ?
Juste le menu à gauche qui est un peu fouilli (y a un mélange entre 2 styles et j’aime pas trop).
Sur le gauche supérieur (celui avec les textes en petits taille) pourquoi ne pas faire un liens simple vers la page de la catégorie N°1 (femme, homme, enfant, ect) au lieu de faire défiler directement un menu complet.
Ok, on gagne en rapidité sur le surf. Mais l’aspect catalogue perd sa légitimité.
allez Capitaine un ptit mot sur la navigation à facettes en place sur les univers high-tech et electroménager non ?
exemple pour les TVs :
http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/image-son/television-video-projection/televisions/toutes-les-televisions.html
vivement la meme chose pour l’univers mode et maison !
je trouve aussi la fonctionnalité « ne voir que les différences » dans le tableau de comparaison vraiment pratique
@Pierre : en terme de gestion du risque lié à la transition, le changement ne se fait pas en une nuit. On mène d’abord des tests utilisateurs pour vérifier nos hypothèses et ensuite il y a une mise en ligne progressive qui permet de voir si ça passe ou ça casse …
Pour être de l’autre côté de la barrière, je trouve l’ampleur de la refonte vraiment remarquable.
Bien entendu, on peut toujours ajuster plein de choses, mais on ne peut minimiser le fait que 3 Suisses se bouge et tente des choses !
D’un point de vue ergonomique, cette nouvelle architecture athipyque, est à mon sens bien sentie pour donner à l’internaute un accès profond dans l’arbo, sans condamner l’impact image du site (moins « sec » qu’un menu à gauche classique).
Une fois la période d’apprentissage passée, l’internaute devrait s’en sortir facilement.
Un bémol, sur l’effet intrusif du menu de sous-catégories (complètement opaque) qui vient obstruer les visuels principaux. Une légère transparence allègerait cette effet peut-être ?
De plus, le contenu des menus est un poil compliqué, et les vignettes vers les autres opérations commerciales vraiment trop petites pour être comprises (et donc cliquées).
Félicitation également pour la cohérence photo dans toutes les boutiques ! Les modèles sont sympas et la lumière très belle.
Le plus dur va être de faire vivre cette nouvelle mouture aussi bien qu’elle a commencé ;o)
Intéressant cette refonte, les résultats business trancheront les avis des différents interlocuteurs non ? Car l’e-Commerce au delà des avis, c’est surtout du commerce non ?
Avez-vous réalisé les Tests utilisateurs en interne et sur combien d’utilisateurs ?
/Olivier Marx, fondateur
Altics
[...] la refonte récente du site des 3-suisses analysé sur Capitaine-commerce , voici le site e-commerce de Martin and Osa. Inconnu en France cette marque de vêtement propose [...]
[...] revenir également sur cette mise à jour graphique des 3 suisses, je vous conseille l’article de Capitaine Commerce. Partager cet article Articles qui peuvent vous intéresser Un peu de [...]
Travaillant au sein de l’équipe ECommerce de 3Suisses, je peux juste vous confirmer pour répondre à tout ce que j’ai lu
que tout a bien été réalisé en interne par notre propre équipe Studio
que non, ce n’est pas que du marketing com’ et nous sommes avant tout des e-commerçants : j’en veux pour preuve par exemple, la part accordée aux forces des « Promos » voire des marques.
Et oui cela a été testé, A-B testé tout au long de sa réalisation.
L’équipe comporte des pur Webistes, mais aussi des vieux de la vieille issu du produit (comme moi !..).
Donc tout est perfectible MAIS nous avons fait constamment la balance dans nos réflexions entre l’image et la transfo par l’accès le plus rapide au produit.
@Cyrillo : merci pour tes précisions, Cyrille
Cher Capitaine, tu nous dis dans ton premier message avoir participé au projet. Peux-tu nous en dire un peu plus sur ton implication dans celui-ci ?
A quelle étape es-tu intervenu ?
Quelle partie du site te doit-on ?
Merci !
@Cyrillo : Merci pour ces retours, je me permets de relancer sur les questions de charge (j.h) du projet (depuis les premiers drafts jusqu’aux derniers tests utilisateurs), ce serait un indicateur interressant pour nous autres « petits et moyens acteurs » du ecommerce.
Quand vous dites « en interne », doit-on comprendre « interne interne » ou « cité numérique » ou peut être les 2 sont entièrement confondus ?
Dans tous les cas félicitation car c’est du bon boulot !
[...] Capitaine commerce : 3 Suisses bouscule les codes du ecommerce [...]
Bonjour,
Effectivement je trouve que lorsque l’on cherche un produit pour ma part n pc portable, c’est vraiment pensé pour arriver, sans être un pro au produit qui vous convient, en 1 ou 2 minutes j’avais trouvé mon produit et le prix me convenait, . J’ajoute ce qui a d’intéressant c’est qu’il est même possible de consulter un guide d’une forte ergonomie qui vous détaille les aspects techniques.
Bravo c’est un site pensé pour aider et vendre et non pas pour se faire plaisir techniquement !!!
Est ce que votre site est développé totalement en France ?
@alain59 : oui, tout est fait en France, Ã l’ancienne et avec amour
Et sinon Capitaine, tu ne nous as toujours pas indiqué à quel niveau tu es intervenu dans le projet.
Tu as joué un role de conseil ?
Tu as fait de l’ergonomie ?
@gloB : j’ai conduit les tests utilisateurs et fait des préconisations ergonomiques sur les maquettes
Bonjour Capitaine,
Je me permets de venir aux news après quelques semaines, as-tu des retours sur cette modifications ?
Merci,
Matthieu
[...] essayez de leur donner la possibilité de les trouver dès la page d’accueil. Rappelez-vous le changement opéré par 3 Suisses.fr, l’été dernier : le nouveau menu permettait de descendre très rapidement beaucoup plus [...]