Fred nous a présenté les mini sites : de même que les vidéos sont “virales”, et se transmettent de blog en blog, on peut faire la même chose avec les mini-sites :
Ce nouvel outil viral est clairement un outil puissant pour le e-commerce, pour présenter des produits, avec des animations, des effets 3d, …, et pourquoi pas aller jusqu’à insérer le processus achat dans ces mini-espaces ?
Aller voir la démo suivante :
Il est possible de le faire tourner, en 3D, de zoomer, et de le manipuler (fermer / ouvrir).
Quelle est la techno utilisée ? Flash ? Sylverlight ? Non, juste du Javascript une applet Java.
La 3D est un sujet qui me passionne en ce moment, d’autant plus que de nombreuses solutions très crédibles commencent à voir le jour, surtout dans le domaine du commerce en ligne. Nous ne parlons pas ici de technologies de représentation 3D qui nécessitent un plug-in spécifique mais plutôt de ce qu’il est possible de faire en utilisant simplement du Flash (qui je vous le rappelle est installé sur plus de 98% du parc informatique).
Rentrons directement dans le vif du sujet avec ce mur de chaussures en 3D chez UnderUnder (merci à pour Thomas pour le lien) :
Une réalisation particulièrement impressionnante du point de vue technique puisque c’est de la 3D en temps réel qui exploite la librairie PaperVision3D. C’est un peu long à charger mais le résultat est très surprenant (un point de vue qui réagit au mouvement de la souris avec une grande fluidité), surtout le mouvement de la caméra lorsque vous cliquez sur un modèle.
Pour plus d’infos sur la 3D dans Flash, je vous recommande ces deux blogs : Shirotokoro et UnitZeroOne.
Nous avons ensuite ces très belle vue immersives sur le site du Toyota Highlander (merci à Hebi pour le lien et la capture d’écran) :
Un mini-site superbe où l’on peut à tout moment changer la couleur ou le niveau de finition de la voiture tout en découvrant ses différentes caractéristiques. Intégrer ce véhicule dans un environnement urbain est une très bonne idée pour créer de la proximité avec les internautes (”cette voiture pourrait être garée en bas de chez moi“). Bon par contre c’est de la 3D pré-calculée donc il y a un efaible liberté de mouvement.
Nous avons enfin la solution manipulation 3D de VisionWeb3D :
Encore une fois pas de plug-in à installer, cette vue en 3D temps réel est réalisée en Java. C’est un peu longue à charger mais très réaliste.
L’usage de la 3D dans un contexte de commerce en ligne donne beaucoup plus de profondeur à un produit et décuple la côté addictif de la manipulation. Il existe bien évidement des solutions plus sophistiquées mais qui requiert un plug-in spécifique (lire à ce sujet le billet du Capitaine Commerce : De la 3D dans le panier de la ménagère). Je ne suis pas contre le fait d’utiliser un plug-in, mais vous avez toutes les chances de perdre vos visiteurs en leur imposant le fastidieux processus d’installation.
Bref, puisqu’il existe des solutions permettant de faire de la 3D avec Flash ou Java, pourquoi s’en priver ? Bon après ça il reste l’épineux problème de l’acquisition et de la gestion des modèles 3D mais ça c’est une autre histoire. Nous auront en plus l’occasion d’en discuter lors de notre petit-déjeuner du 19 février prochain.
Le forum emarketing se déroule donc demain et après demain.
Plusieurs conférences vont traiter de notre sujet.
J’ai en particulier identifié pour demain :
Il y en a sans doute pleins d’autres…. et de toute façon, c’est l’occasion de rencontrer pleins de boites, et de découvrir de nouvelles solutions.
Et vous, vous irez écouter quoi ?
Et surtout, c’est pour quand ?
Est-ce qu’on va parler d’un futur lointain, ou tout le monde naviguera dans des interfaces “3D immersives” ?
Non non, le RichCommerce est beaucoup plus pragmatique.
Oui, on regarde ce qui se prépare demain : au niveau techno, au niveau des interfaces, des usages…
Mais le RichCommerce, c’est aujourd’hui et maintenant, pour tout le monde.
Le RichCommerce, c’est par exemple mieux présenter les produits, avec de belles photos.
Le site Gucci est intéressant :
La navigation dans le site est très originale, très horizontale : on passe, avec les petites flèches à gauche et à droite, de panneaux en panneaux.
L’axe visuel est très travaillé : pratiquement pas de texte, et de belles photos pour mettre en avant les produits.
Justement au niveau des photos : on peut zoomer, tourner autour du produit, et les photos sont de très bonne qualité.
Un clic sur un produit et hop, une photo plus grande apparait dans une zone qui se déplie dynamiquement.
Le processus achat est également original, avec des formulaires qui se déplient, très sobres et très bien faits :
Pour profiter pleinement de ce site, on a intérêt à avoir un écran très très large. Si c’est le cas, le client a un service intéressant, avec le formulaire à gauche, et le contenu de son panier à droite.
Une particularité vraiment intéressante, c’est que le site est réalisé entièrement avec Javascript / Ajax, alors que la plupart des sites de ce type sont réalisés en Flash.
On sent qu’il y a eu un vrai travail, en particulier au niveau du référencement : chaque produit a sa propre URL, Google sera content !
Vous connaissez déjà la boutique de GAP avec ces panneaux flottants qui permettent d’avoir un aperçu de la fiche produit (bouton “Quick Look” qui apparait au survol de la souris) également disponible sur les autres sites la marque (Old Navy, Banana Republic, Piperlime) :
Mais saviez-vous que cette technique à fait des émules : Timberland propose ainsi un système équivalent mais qui introduit des petites nouveautés intéressantes comme les petites flèches “< Previous item | Next item >” qui permettent de passer au produit suivant de la liste :
Vous remarquerez que cette navigation latérale est parfaitement cohérente avec ce qui est proposé dans la page produit (en haut à gauche) :
Vous apprécierez au passage la remarquable exploitation de l’espace dans cette page produit, c’est d’une très grand clarté (en tout cas moi j’adore).
Et tant que j’y suis, êtes-vous aller faire un tour du côté de leur configurateur :
Là encore une très belle réalisation : mise en page impeccables, sonorisation discrète mais percutante…
On ne le répètera jamais assez : les photos sont essentielles dans le processus d’achat. Autrement formulé : plus vos photos de produits sont soignées et plus vous augmentez vos chances de transformation. Oui mais voilà, faire des belles photos ça coûte cher, surtout quand vous avez un vaste catalogue.
Voilà pourquoi je vous propose de découvrir le Packshot Creator, un mini studio photo :
Cet appareil est à peine plus gros qu’une cafetière et vous permet de réaliser de très belles photos sans ombre, idéal pour faciliter le fastidieux travail de détourage.
Encore plus fort, il existe même une version 3D qui permet de réaliser des prises de vue à 360° : Packshot Creator 3D.
Rassurez-vous, je ne suis pas en train d’essayer de vous vendre la machine, mais ça mérite tout de même la réflexion.
Par contre ça ne règle pas le problème des articles un peu plus volumineux (vêtements, meubles, voitures…), mais ça c’est une autre histoire…
Laissez-moi vous parler de Koodza, il s’agit d’une boutique en ligne qui appartient à Decathlon et qui cumule des caractéristiques tout à fait intéressante : mise en page soignée, très bonne ergonomie et surtout utilisation intensive d’interfaces riches, ce qui est plutôt rare pour une réalisation française.
Nous avons ainsi dans cette boutique :
Bref, c’est du très bon boulot et en plus c’est une réalisation française ! Un bel exemple à suivre.
Cerise sur le gâteau : un des responsable du site (Jérôme) rédige également un blog dédié au e-commerce : Ikom.
(via Imazine)
C’est quoi le rich-commerce ?
C’est la contraction entre “interfaces riches” et e-commerce.
Sur ce blog, on s’intéresse donc aux interfaces riches, appliquées au commerce en ligne.
Interfaces riches ?
On parle d’interfaces riches quand on sort du “HTML classique” : animations, vidéo, 3D…
Ces interfaces permettent d’améliorer la présentation des produits et plus largement, de changer complètement l’expérience des Internautes.
Est-ce un gadget ?
Qu’on n s’y trompe pas, les interfaces riches sont l’avenir des interfaces du Web, ni plus, ni moins.
Fred et François ont décidé d’unir leurs forces sur ce blog, pour échanger sur ces nouvelles façons de vendre.