RichCommerce.fr Toute l'actualité du commerce en ligne

Vous en avez assez des configurateurs des constructeurs automobile ou de marchands de peinture ? Alors j’ai ce qu’il vous faut !

Nous avons tout d’abord ce configurateur de parfum chez Jean-Paul Gaultier :

A quand la possibilité de composer soi-même son parfum à partir d’un échantillon de senteurs ?

Nous avons ensuite  ce configurateur de collier chez Pearlfection :

Et oui, avant vous pouviez dire “tout se vend sur internet“, vous pourrez bientôt dire “tout se configure sur internet“.

(via le Capitaine Commerce)

Balade dans un autre univers :

OK, pas nouveau, mais tellement bien fait, tellement créatif.

Trouverez vous l’album photo ?

Vu sur le site de Wilson Baseball : un accès au catalogue très intéressant dans la mesure où les produits sont systématiquement associés aux joueurs qui sont sponsorisés par la marque. L’accès aux familles de produits se fait ainsi soit fonction du joueur lui-même, soit en fonction de sa fonction au sein de l’équipe :

Idem sur les fiches produit où les joueurs sont encore une fois parfaitement mis en valeur dans leur fonction d’ambassadeur :

Une parfaite mise en situation des produits avec une mise en page très sobre qui concentre l’attention sur le “terrain” et les produits, un menu très agréable à utiliser ainsi que des animations floutées.

Une boutique de niche, certes, mais à la réalisation très soignée et au potentiel marchand tout à fait optimisé.

Scene7 vient de publier les résultats d’une étude menée auprès de 340 annonceurs et marchands en ligne : Scene7 Survey Shows Web Marketers Investing in Rich, New Online Capabilities.

Les conclusions de cette étude sont intéressantes :

• 93% des entreprises envisagent de déployer en 2008 de nouvelles fonctionnalités permettant d’améliorer l’expérience offerte au client (plus de 50% le feront dans les 6 mois à venir) ;
• Le commerce mobile est identifié comme un secteur de croissance majeur et d’innovation (bientôt des Rich Mobile Applications marchandes ?);
• L’une des fonctionnalités présentant le plus d’intérêt pour les entreprises de vente en ligne est la présentation de produit à l’aide de vues à 360° (et la 3D alors ?).

Les fonctionnalités “riches” les plus déployées sont visiblement le zoom et les vues alternatives des produits. Et vous c’est pour quand ?

Notre “p’tit dej” RichCommerce, c’est demain matin.

Geneviève & Nathalie on commandé les croissants et les p’tits fours ;

La présentation est prête ;

J’ai vérifié, les vidéos projecteurs fonctionnent !

Comme vous pouvez l’imaginer, je suis en pleine préparation de notre p’tit dej de mardi.

J’étais en train de réfléchir au sujet suivant : quelle architecture logicielle pour bien supporter les interfaces riches ?

En fait, la réponse est à mon sens très simple : il est tout à fait fondamental d’intégrer, dans le projet, une dimension “génie logiciel”.

Si vous ne le faite pas, vous aurez peut être votre site, mais il y a peu de chance pour que vous puissiez le faire évoluer.

Ainsi, toutes demandes d’évolution seront très douloureuses, de plus en plus en fait.

Génie logiciel donc ?

Oui, avec notamment un découpage en couche: le célèbre modèle MVC : Modèle, Vue, Contrôleur.

Bien mis en œuvre, ce modèle vous permettra de décliner assez facilement votre site, sur de nouvelles interfaces.

C’est cher docteur ?

Cela nécessite un investissement, et un intérêt pour la chose technique.

Par la suite, cet investissement est bien vite rentabilisé : tout va plus vite et de manière plus fiable !

J’ai ainsi participé à un projet, ou les dirigeants étaient un peu inquiet, car ils voyaient les équipes travailler, mais ils ne voyaient rien sortir.

En fait, l’équipe développait les “fondamentaux”, avec un très beau modèle de données (tables et liens dans la base de données), et une architecture MVC.

Ensuite, tout est allé très vite. Le modèle était bon, et la “décoration” a été plutôt rapide.

Vu chez le Capitaine Commerce, ce service de recherche visuelle : Pixsta. Le principe est de favoriser la navigation empirique au sein d’un catalogue représenté sous forme de nuage de produits. Chaque clic sur un produit remet à jour le nuage avec des produits complémentaires et assortis :

L’exploration est fluide (sans rechargement de l’écran), c’est propre et intuitif, rien à redire. Ce principe de navigation empirique est redoutable et correspond tout à fait à un mode de recherche semi-passive où l’utilisateur clique sur les images sans trop réfléchir. Vous pouvez voir ce système en action sur des sites comme Elle , Marie-Claire ou Cosmopolitan.

En plus il propose un principe d’intégration en SaaS (Search as a Service) qui ne nécessite que très peu de développement. Assurément la découverte de la semaine.

Dans la lignée du billet précédent, laissez-moi vous parler du nouveau site de VW UK : fortement disruptif mais terriblement efficace. Il faut dire que les équipes de VW sont très fortes pour nous pondre des sites révolutionnaires (et je pèse mes mots) à l’image du site VW US.

Mais reparlons de l’Angleterre avec ce nouveau site qui propose des fonctionnalités riche tout à fait remarquables, à commencer par le sélecteur (new cars) :

Nous avons également la galerie d’image avec ces différents modes d’affichage qui ne sont pas sans rappeler Etsy :

Et nous avons enfin le configurateur et ces options présentées sur des pieds d’estale :

Un site incroyablement rafraichissant tant il est à l’antipode de ce que font les autres constructeurs. Ne trouvez-vous pas que l’on retrouve dans les traitements graphiques et éditoriaux une volonté d’être le Apple de l’automobile, non ?

(via RIApedia)

Flex est une technologie qui permet de faire du Flash différemment.

Les atouts de la technologie Flash sont nombreux : réellement indépendant de la plate-forme du client, très largement déployé chez les Internautes et permettant une très large gamme d’effets visuels.

Il y a cependant quelques points “délicats” : référencement et ergonomie (on en reparlera bien sûr).

S’il y a pas mal de boutiques réalisées en Flash, c’est plus difficile de trouver des boutiques développées avec Flex. Cela va nécessairement changer, Flex est réellement adapté pour développer des espaces marchands.

Voici donc un exemple en ligne : le site de recherche de véhicules d’occasions de Wolkwagn Uk.

Première étape : entrer les critères de choix.

On peut faire ça en cliquant sur les modèle qui nous intéressent, dans le tableau central.

On peut affiner les choix en sélectionnant en bas certaines catégories (décapotable, …).

Il y a également un sélecteur optionnel à droite :

Si on valide, on arrive à une liste :

On peut ensuite arriver sur une fiche produit, puis envoyer un message au vendeur. On peut également gérer une liste de produits favoris, ou encore comparer jusqu’à 3 voitures.
Bon, on n’est donc pas sur un vrai site marchand, mais l’expérience n’en reste pas moins intéressante.

D’abord, je pense que le développement d’un tel site avec Flex n’a pas du être trop difficile, donc pas trop cher.

L’ergonomie, le schéma de navigation est finalement très classique. Cela donne une bonne idée des atouts de cette technologie.

Certains points mériteraient un peu plus de travail, comme la fonction zoom, qui charge directement une grande image, alors qu’un chargement progressif serait beaucoup plus adapté.

Si vous souhaitez mettre en œuvre des interfaces riches au sein de votre boutique en ligne, plusieurs options s’offrent à vous : soit vous sortez l’artillerie lourde et partez pour une refonte complète (un site 100% Flash à l’image de ShopComposition) soit vous optez pour un déploiement plus léger avec de l’Ajax par ci-par là (comme chez GAP).

C’est de ce second cas de figure que je souhaite vous parler avec cette superbe boutique qui pratique l’enrichissement progressif : American Eagle Outfitters. C’est un site à priori en HTML sauf que certaines partie des écrans sont en fait bien plus dynamiques que l’on ne pense.

Première illustration avec les quatre liens ‘Find a Store‘, ‘Trak Order‘, ‘Shopping List‘ et ‘My Bag‘ qui déplient des mini-panneaux au survol de la souris :

Deuxième exemple avec cette page catégorie où un survol sur les étiquettes à gauche de la photo permet de changer la couleur du sweat :

Troisième exemple sur cette page produit où il possible de changer le motif et modifier la vue du produit sans avoir besoin de recharger la page (vous noterez au passage le bouton ‘View Larger‘) :

Dernier exemple sur cette autre page produit où il est possible de faire tourner le mannequin pour voir le produit sous différents angles :

Serais-je tombé amoureux de cette boutique en ligne ? Oui complètement. Je suis ébahi par les trésors d’inventivité déployés par ce site marchand (ils proposent par exemple un check out sans création de compte). Une véritable mine d’or de bonnes pratiques.

En tout cas un très bon exemple de parfait équilibre entre efficacité marchande et sophistication de l’interface.