Même si c’est pas bien de piquer des idées chez les autres, on peut toujours dire qu’on vient au moins y trouver de l’inspiration, ça fait moins vulgaire. Avant de m’occuper de Jules (sortie nationale hier), voici Paulandjoe.com qui a pas mal d’arguments à revendre.
Des vignettes produits qui changent au rollover.
Hop et hop !
Il m’est avis que l’on va voir cette technique de plus en plus souvent. Déjà en fonction chez Mirapodo.de ou Zappos.com, le rollover sur les vignettes produits dans les pages rayon permet d’un coup rapide de souris de voir défiler toutes les vues d’un même produit (lire à ce propos : Affichez plus d’images dans vos listes produits). Ici, on retrouve le principe, mais sur des articles d’habillement. La vue proposée par défaut est le vêtement suspendu en l’air (comme pendu à un cintre), mais hop, si vous rollovez (verbe que je viens d’inventer), c’est le vêtement porté par une jolie mannequin qui apparait (oh surprise !). La technique est sans doute un peu plus onéreuse que celle de la vue multiple pour les chaussures, mais il doit y avoir un intérêt (qu’en pensez-vous les filles ?). En tout cas, j’aime bien cette façon de démultiplier l’espace en ne demandant aucun effort supplémentaire à l’internaute.
Des « polas » pour présenter le cross-selling
Des polas rien qu'en CSS (en bas à droite)
Utilise-t-on encore les appareils Polaroïd dans la mode ? En tout cas, Paul&Joe les remettent au goût du jour en utilisant une astucieuse mise en forme pour faire de la suggestion de produit (apparemment entièrement en CSS, mais les spécialistes nous le diront). C’est quand même plus sympa que de les afficher en colonne ou en ligne en écrivant « Les autres internautes ont aussi aimé » ou « Produits que nous recommandons ».
Des menus déroulant plein d’images
Avec le temps, les menus déroulants ont pris de plus en plus de poids. De simple, ils sont devenus supers en occupant des pans entiers de page. Puis y sont apparus des vignettes. Ici, les vignettes changent en fonction du lien survolé et permettent d’affiner la compréhension du contenu lors de la navigation.
[...] This post was mentioned on Twitter by Capitaine Commerce, Parmentier . Parmentier said: RT @Capitaine: Nouveau sur capitaine commerce Paul & Joe : 3 bonnes idées à piquer http://bit.ly/b84FoG #ecommerce [...]
Moi qui suit entrain de lancer mon site d’e-commerce, je trouve cet article pas mal du tout.. Ces idées ne sont pas tombées dans l’oreil d’un sourd si je peux me permettre!
C’est une bonne idée mais le problème reste toujours le même, le poids de la page.
Le temps du chargement de l’image du rollover l’internaute a souvent baladé sa souris ailleurs.
Je sais que tout le monde a l’ADSL super rapide mais manque de bol pas moi !
la vache, géniale le tunnel de commande !!
Oui il claque le formulaire de commande !
Par contre ils on vraiment l’air déprimé ces mannequins, ça ne donne pas envie…
C’est vrai que le tunnel de commande est pas mal.
Quand au mannequin je le trouve plutôt canon….
Va falloir que j’aille voir le tunnel de commande…
Pour le moteur c’est du magento.
Le tunnel de paiement c’est le fameux module onestepcheckout (pas donné au passage), mais qui fait des miracles !
as t’on oublié le mot « OPTIMISATION » dans les grandes Web Agency ?
C’est propre il n’a rien a dire sauf putain que c’est lourd et pas optimisé !
le menu c’est chouette mais chaque « petite » photo liée au catégorie fait 305px x 411 px pour un poids d’environ 60Ko et est affichée en 150px de large (je vous laisse calculer la hauteur).
J’en ai compté 32 !
As vos calculettes !
Merci Capitaine pour ton article.
L’équipe est super fière (Eric, en charge du tunnel de commande est sur orbite…)
Il y a effectivement quelques vignettes à optimiser(argh!!!)
A bientôt
Olivier
PS arrêtez de visiter le tunnel de commande, vous dégradez nos taux de transfo
@Olivier : ça sent le test en vidéo du taux de transfo !
Le site est très beau. Mais les menus déroulants avec images ne fonctionnent pas chez moi. La faute à une connexion douteuse, c’est vrai, mais quelle part de la population a une connexion douteuse ?
@Capitaine : c’est vrai que c’est bluffant !
Olivier, vous avez utilisé quel plugin pour le système de zoom ?
@Capitaine :
1. si je puis me permettre, le coup du roll-over, Lacoste le fait déjà, mais dans l’autre sens. A savoir, d’abord le mannequin (généralement ravissante) et le polo s’affiche au rollover : http://bit.ly/cHDfTd
2. Pour ce qui est de l’utilisation des pola, si je me souviens bien, la marque 123 (groupe Etam) avait utilisé ce procédé il y a quelques années…mais c’était avant de passer au e-commerce
[...] Analyse de site : Paulandjoe.com, 3 bonnes idées à piquer. (capitaine-commerce) [...]
Optimiser les poids de page tout en conservant qualité et polyvalence :
Ex. 1 : Image à 200 pixel de large (copier/coller url et faire varier)
http://s7ondemand1.scene7.com/is/image/S7Web/Runner_white?wid=200
Poids : environ 16ko
Ex. 2 : la même, qualité descendue à 70% (idem)
http://s7ondemand1.scene7.com/is/image/S7Web/Runner_white?wid=200&qlt=70
Poids : environ 7ko
Scene7 permet ainsi de disposer en dynamique/temps-réel des visuels adaptés aux usages et évite d’avoir à les pré-produire, les usages pouvant varier à tout instant (refonte du site, ajustement des éléments de charte etc).
Je racole certes mais pour une bonne raison et je vous invite à découvrir la solution lors du salon eCommerce 2010 (stand Adobe H12) ou sur VAD Lille en Octobre
[...] http://www.capitaine-commerce.com/2010/09/08/26190-paul-joe-3-bonnes-idees-a-piquer/ [...]