Rich Commerce Tout savoir sur les interfaces riches appliquées au e-Commerce

Connaissez-vous Gocycle ? Pour faire simple disons que c’est le Apple du vélo pliable : performant, technique, très élégant et surement très cher ! Au niveau de leur site web il y a comme un clin d’oeil à la marque à la pomme avec une mise en page parfaitement épurée et un très beau visuel détouré :

La page d'accueil de Gocycle

Ce qui frappe dans cette page d’accueil c’est l’absence totale de texte. Un simple visuel avec des points d’attention sous forme de (+). Une fois cliqués, ces derniers ouvrent de petites séquences vidéo sur les caractéristiques du produit :

Le (+) produit de Gocycle

Les textes y sont minimaliste, le traitement graphique aussi, par contre les cinématiques de même que les transitions sont plutôt agréables. Un petit clic sur (x) permet de revenir au visuel général.

Rassurez-vous il est tout de même possible d’accéder à d’autres pages à l’aide d’un menu de navigation qui se déplie sur la bas de la page au survol de la souris:

Le menu de navigation de Gocycle

Au final nous avons une réalisation remarquable par son côté ultra-minimaliste mais avec un temps de chargement un peu long. Mais bon… c’est pour un vélo électrique donc nous ne leur en tiendrons pas rigueur.

(via Springwise)

Après un mini-site très spectaculaire pour la campagne Lacoste Future, la marque au crocodile vient de lancer un nouveau mini-site très spectaculaire : Lacoste Red. Il y a tout d’abord une vidéo d’introduction en slow motion avec une pointe de bullet time et du morphing pour présenter la nouvelle collection :

Le mini-site Lacoste Red

Vous arrivez ensuite sur la page d’accueil qui garde la vidéo en toile de fond mais présente une frise de mannequins à cliquer. Vous noterez au passage la très originale sonorisation de l’interface avec des bruits tout droit issu des jeux vidéo des années 80.

En cliquant sur l’un des mannequins vous arrivez à la page de détails avec une très belle intégration de vidéo en mode bullet time :

Le détail d'un mannequin

Normalement vous avez dû passer par une page de transition très pimpante avec des couleurs qui flashent et une musique électrique signée Yuksek.

Vous pouvez également essayé le jeu qui est à mi-chemin entre Dance-Dance Revolution et Guitar Hero (il faut appuyer sur la bonne touche au bon moment pour faire danser le mannequin) :

Le jeu de Lacoste Red

Voici donc une très belle réalisation de l’agence Megalo(s) : Cocorico !

(via Fubiz)

Vous connaissez tous le principe de la visite virtuelle. Très largement adoptée par les professionnels du tourisme, la visite virtuelle 3D ou vidéo a largement fait ses preuves (incitation…). Le problème n’est pas tant de savoir s’il faut faire une visite virtuelle mais plutôt à quel coût. Embaucher un professionnel de la vidéo est la solution la plus sage mais ce n’est pas la plus rentable. Heureusement Brainsonic vient de lancer un service tout à fait intéressant : une visite virtuelle vidéo à partir de photos (grâce à leur Magic Studio).

Le principe est simple : l’hôtel (ou le restaurant…) fournit des photos de bonnes qualité et le studio se charge de les animer et d’y incruster une présentatrice. Dans l’exemple qui suit, la jolie dame est intégrée à la bonne échelle mais le ciel est animé (les nuages défilent) :

Dans cet exemple le ciel est animé

L’animation de certaines parties de l’écran (ciel, eau…) de même que les effets de caméra (traveling, zoom…) donne du relief à ces photos et transforme un “simple” diaporama en une véritable visite guidée.

Il est également possible de donner de la profondeur aux scènes en faisant circuler la présentatrice entre des objets qui passent au premier plan :

Notez la plante verte au premier plan devant la présentatrice

Pour une démonstration, ça se passe ici : Hotel Francés.

Bien évidement le rendu n’a pas le même niveau de qualité qu’une véritable vidéo mais j’imagine que le coût est bien inférieur. Nous avons donc au final un ratio qualité / prix tout à fiat intéressant (enfin j’espère). Tout ceci me fait penser au service Animoto qui propose également l’animation de diaporamas photo.

Avez-vous vu le nouveau site de Dockers ? L’ambiance et l’immersion dans un univers à mi-chemin entre suranné et vintage y est très bien réussie. Mais ce qui séduit avant tout sur ce site se sont les visuels plein écran et la sonorisation. Vous pourrez apprécier la très bonne gestion du redimensionnement de l’écran (pas évident avec de telles photos).

Au niveau de la page d’accueil nous avons donc une structure peu commune qui met l’accent sur la dernière collection (série de 3 vignettes) et propose un menu de navigation sous forme de bandeau dépliant (original mais pas des plus intuitif) :

La page d'accueil de Dockers

Vous trouverez également en bas de l’écran sur la gauche la télécommande permettant de choisir la musique (le choix des morceaux est plutôt réussi) et d’apporter une dimension sonore participant à l’ambiance générale.

La page de collection propose une série de modèles que l’on peu fait tourner dans une vue à 360° avec des points d’intérêt à cliquer :

Présentation des ensembles chez Dockers

Il y a aussi un module de recherche avec des boîtes de filtres et un bel effet de floutage des produits :

L'interface de recherche chez Dockers

Vous trouverez également sur ce site une belle mosaïque de portraits dans la rubrique “Your Style” ainsi que des vidéos de défilés.

Au final nous avons donc un site qui n’apporte aucune innovation mais qui réussi tout de même à recréer une ambiance très agréable. La critique peut paraître dure mais je reconnais volontiers l’efficacité du résultat final (malgré un contenu très pauvre). Nous sommes bien loin des prouesses techniques / visuels d’un Uniqlo mais cette boutique parvient tout de même à procurer une expérience agréable.