RichCommerce.fr Tout savoir sur les interfaces riches appliquées au e-Commerce

Fous… mais tellement créatifs ! Je suis tombé cette semaine sur deux boutiques en ligne complètement folles mais incroyablement addictives dont j’aimerais vous faire part.

Il y a tout d’abord Uniqlo, un vendeur de pulls qui nous propose un incroyable voyage :

La vue d'ensemble de Uniqlo

Vous survolez ainsi ce somptueux paysage lainaire (à ne pas confondre avec lunaires) aux milieux de plaines de pulls et au détour de canyons de cols roulés :

La vue rapprochée

En cliquant sur les pastilles de couleur vous avez accès à une vue plus « classique » avec des vignettes.

Le catalogue

Wow, quelle claque visuelle ! Je serais bien incapable de vous dire l’impact réel sur le taux de transformation mais l’effet est saisissant. (merci à Laurent pour le lien)

Autre boutique très étrange, celle de Newneu (un designeur il me semble). Une boutique très longue à charger mais avec un catalogue intéressant où les produits sont représentés sous forme de dalles qui flottent dans une mini-tempête (c’est dur à expliquer avec des mots) :

Le catalogue de Newneu

Il y a également la vue « Variation » où l’on peut superposer des visuels sur des sacs :

Le démonstrateur

Et finalement la galerie où différents visuels gravitent autour d’une planète :

La galerie

Encore une fois je ne sais pas trop quoi penser de cette boutique, mais je me dois de saluer l’effort créatif. (via le Capitaine Commerce)

Terminons maintenant avec cet improbable mini-site pour Diesel en Suède : Diesel Genes (vous noterez au passage le jeu de mot entre « Diesel Genes » et « Diesel Jeans »). Il y est question d’un concours artistique avec des jeunes dans un entrepôt (vidéo en plein écran) :

La page d'accueil de Diesel Genes

Il est ensuite possible d’admirer les créations des internautes (les « genes« ) :

La création d'un internaute

Sinon vous pouvez aussi vous lancer dans la création d’un « artwork » :

Ma création

Là encore je ne sais pas trop quoi penser de ce mini-site si ce n’est qu’il se démarque des autres par son ultra-originalité. (via Brice)

Vous aimez ?

Vous connaissez AMG ? Mais si enfin : le préparateur allemand qui s’amuse à gaver les Mercedes de chevaux et de chrome ! Bon bref, tout ça pour dire qu’ils n’ont pas la main leste, ni sur le nombre de chevaux ni sur leurs mini-sites. Il faut dire que la « marchandise » est belle et qu’il faut donc la mettre en valeur. La preuve avec ce mini-site pour la SL 65 Black Series.

Le mini-site ouvre sur une superbe vue à 360° en plein écran :

La vue à 360° en plein écran

En bougeant la souris à droite à gauche il est possible de « tourner » autour de la voiture (une vingtaine d’image en 3D pré-calculée). Il y a également la possibilité d’afficher les détails techniques sur certains écrans-clés :

Les détails techniques

Enfin en cliquant sur « elements » (le thème du mini-site), vous obtenez une vue aérienne des différents points forts de la voiture avec des fiches qui tourne en 3D en temps réel (grâce à Papervision 3D) :

Enfin de la 3D en temps réel

Inutile d’y aller par 4 chemins : ce site est vraiment très impressionnant, tout comme les autres de la marque. C’est propre et efficace. Par contre, il faut aimer la bagnole, sinon c’est l’écoeurement assuré !

(via Daily Papervision3D)

Après les expandable banner et les boutiques déportées, voici venir une nouvelle génération de bannière « riche » : la bannière 3D. Et c’est Jeep qui ouvre le bal en proposant un carré qui se déplie au survol de la souris :

La bannière 3D de Jeep

Il y a ensuite différentes possibilités : une vue à 360° en situation avec la possibilité de changer la couleur de la carrosserie :

Vue à 360° de la bannière 3D de Jeep

Et il y a surtout ce simulateur en vue aérienne où une Jeep parcourt une carte topographique avec un très bel effet 3D :

Le simulateur 3D de Jeep

C’est propre, spectaculaire, pas trop long à charger. Par contre la prise en main est plus qu’approximative, l’idée est bonne mais la surface exploitée est tellement petite que l’on a du mal à se repérer…

(via Daily Papervision3D)

Le site Renault.fr fait enfin peau neuve, et il y a du nouveau par rapport aux autres versions européennes (par exemple le Renault.es) : l’apparition de la 3D. Et pas n’importe quelle 3D, un déluge, une avalanche, un festival de la 3D !

Il y a tout d’abord un carrousel géant dès la page d’accueil :

Si vous cliquez sur un modèle  vous aurez alors droit à une petite cinématique où la voiture vient se ranger dans une file avec les différentes versions :

Et si vous cliquez sur un modèle en particulier vous avez droit à une dernière vue en 360° :

De jolies vues et cinématiques pour nous mettre dans l’ambiance. Dans l’ambiance de quoi ? Dans l’ambiance de l’Univers Renault.

Changement d’ambiance et surtout changement de modèle de navigation et de présentation pour ce showroom virtuel géant où les visiteurs (résidents) sont invités à visiter les plateaux de présentations des modèles :

Le visiteur est accueilli par une cinématique tout en 3D ainsi que par différents acteurs (PNJ ?) qui sont là pour nous présenter les bénéfices du produit.

Il y a également d’autres zones (financement, occasion…) qui fonctionnent sur le même principe (cinématique + acteur) :

Ouf, que de 3D ! Mon jugement est très certainement brouillé par mon côté chauvin mais avouez que ça fait du bien de voir une réalisation de cette envergure enfin chez nous !

Potoroze propose des fonctions pour aménager virtuellement votre intérieur :

Observez en particulier la facilité pour placer un meuble (2/3 de la vidéo environ) ou la façon dont on déplace une horloge murale, qui « sait » rester « aimanté » contre le mur !

Bravo Sébastien pour cette nouvelle démonstration !

Vous connaissez Hello Kitty ? Vous connaissez la Smart ? Non ? Ce n’est pas grâve, je vous invite tout de même à aller voir le nouveau site de la Smart au Japon : Play Smart. Après un (très) long téléchargement vous aurez alors le plaisir de pouvoir admirer la Smart dans une superbe réalisation en 3D temps réel (via une librairie Flash et sans plug-in) où vous aurez le loisir de pouvoir décorer votre Smart dans toutes les couleurs :

Il est également possible de participer à des courses sur circuit :

Ces circuits sont en fait des formes géométriques que votre voiture dessine au fur et à mesure (sur le principe des pointillés) :

Bon… je dois bien avouer que la trace noire comme métaphore de l’empreinte carbone laissée par la voiture est un peu limite… ça va que cette voiture est propulsée par un des plus petits moteurs du monde sinon nous nagerions en plein mauvis goût !

Toujours est-il que nous avons là une réalisation tout à fait ludique et parfaitement réalisée (très kawai). J’adore !

C’est demain qu’ouvre le premier portail de shopping entièrement en 3D : Potoroze.

Pour faire simple, Potoroze est un portail où sont présentés un certain nombre d’articles en 3D (ça vous l’aviez deviné). Mais ce portail vous propose également un comparateur 3D et même un mannequin virtuel :

Saluons le travail réalisé sur le moteur 3D (reposant sur une technologie Java) et le rendu photoréaliste des produits (merci à Imazine pour la capture) :

Bravo à cette initiative française (cocorico !) et souhaitons-leur bonne chance pour la suite.

C’est la toute dernière folle rumeur qui court dans la Silicon Valley : Apple vient de déposer un brevet auprès du US Patent & Trademark Office pour une application qui autoriserait une « Enhancing Online Shopping Atmosphere« . Le brevet par d’un constat simple : l’acte d’achat en ligne provoque une expérience stérile et anti-sociale (« isolating« ). Apple serait donc en train de réfléchir à une nouvelle expérience d’achat qui intègrerait des composantes sociales et/ou 3D.

Les interprétations des uns et des autres sont un peu confuse en tout cas le schéma accompagnant le brevet est on ne peut plus explicite :

Serions-nous devant un iTunes en 3D ? Difficile à dire… Mais le plus intéressant se trouve dans le caractère sociale de cette application marchande de nouvelle génération : le shopping se ferait à plusieurs à l’aide d’un système de notification. Etrange et très déroutant… (via Virtual Worlds News et Mashable).

Les boutiques virtuelles en 3D sont un peu comme un serpent de mer, on en parle à droite et à gauche mais personne n’en a réellement vu ! Bon OK, j’exagère un peu…

Toujours est-il que je vous propose de découvrir la future boutique en 3D de Victoria Couture :

La réalisation est soignée et les produits sont bien mis en valeur :

Il y a bien évidement la possibilité de faire essayer les vêtements à son avatar :

Cette boutique 3D n’est pas encore sortie, mais vous pouvez en voir un aperçu sur cette vidéo :

J’attends avec impatience la sortie officielle de la boutique (merci à Jean-Michel pour les liens).

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.