Leçons de boutiques en ligne portées par la marque : Mate Libre, Stenger Bike, Pangram Pangram

Ne cherchez pas ici de bilan de résultats : on ne citera ni taux de conversion ni chiffres de ventes. Voici plutôt ce que ces projets nous ont appris sur la rencontre entre la marque et le commerce à l'écran, et ce que ça signifie si vous planifiez votre propre boutique. Pour la méthode concrète, consultez concevoir une boutique en ligne qui vend.

Mate Libre est une entreprise montréalaise qui crée des infusions énergisantes à base de yerba mate. L'idée remonte à 2013, quand son fondateur a découvert une boisson au yerba mate à Berlin. Il a ensuite consacré trois ans à perfectionner sa recette. La marque repose sur des valeurs claires : agriculture biologique, vraies feuilles de yerba mate, sucre réduit, aucun arôme artificiel ni additif chimique, et commerce équitable.

L'identité de marque est l'œuvre du studio Caserne. Notre équipe, dirigée par le directeur de création Julien Jean, a conçu et développé le site web, qui a reçu un Site of the Day et un Developer Award d'Awwwards, ainsi qu'un FWA of the Day.

La leçon : quand une marque existe déjà, le site doit la transposer à l'écran en gardant son intention intacte. La réinventer passerait à côté de l'essentiel. Pour un produit de consommation comme celui-ci, l'histoire derrière la boisson pèse lourd dans le choix des gens. Travailler à partir de l'identité d'un autre studio demande aussi une collaboration étroite et respectueuse, pour que cette intention se retrouve sur chaque page.

Stenger Bike se décrit comme un magasin spécialisé, physique et numérique, de vélos et de vélos électriques à Hösbach, en Allemagne. En plus de la vente, l'entreprise offre la location, des conseils, ainsi que la réparation et l'entretien. On a modernisé sa présence en ligne avec un site transactionnel Shopify qui réunit l'achat en ligne, le service personnalisé et les conseils d'experts auxquels ses clients s'attendent. L'équipe comprenait le directeur de création Dust Leblanc et le designer UX Sacha Haouzi.

La leçon : quand l'expertise fait partie de ce que les clients achètent, un simple catalogue ne suffit pas. L'expérience en ligne doit rassurer autant qu'une bonne jasette au comptoir du magasin, pour que ceux qui veulent des conseils les trouvent et que ceux qui savent déjà ce qu'ils veulent paient rapidement. Ici, la marque vit autant dans le service que dans le visuel.

C'est aussi la preuve qu'une boutique et son agence n'ont pas besoin de partager le même code postal. Stenger Bike est en Allemagne, et on travaille avec des clients partout dans le monde. Pour en savoir plus, lisez travailler avec une agence web dans un autre pays.

Pangram Pangram Foundry, fondée par le designer Mathieu Desjardins en 2015, offre des polices gratuites pour usage personnel et vend des licences pour les projets commerciaux. Ensemble, la fonderie et Locomotive ont créé une plateforme transactionnelle sur mesure, sur Shopify, où l'on achète des polices en ligne, avec une expérience éditoriale qui présente les caractères dans le contexte de la communauté du design.

Ce projet-là a été une vraie collaboration. La fonderie a conservé sa propre image de marque, et son fondateur a travaillé à la stratégie de contenu, à la rédaction et au développement back-end aux côtés de notre équipe. La plateforme a reçu le titre E-Commerce of the Year d'Awwwards, de même que les prix Site of the Day, Developer et Mobile Excellence d'Awwwards, et des prix Or et Argent au concours Idéa.

La leçon : certains produits ne se comprennent qu'en action. Une police se juge à l'usage, à différentes tailles, dans de vraies compositions : l'expérience éditoriale devient donc la démonstration du produit. Et avec un client qui connaît aussi bien son public, on bâtit côte à côte.

• Partir de la différence. Un récit de produit, un service, un produit qu'il faut démontrer. Nommez la vôtre avant de dessiner le moindre écran.
• L'origine de la marque varie, et c'est très bien. Une marque venait d'un autre studio, une autre du client lui-même. Le rôle de la boutique est de porter la marque fidèlement, peu importe qui l'a créée.
• La plateforme n'est pas la marque. Deux de ces boutiques fonctionnent sur Shopify. Ce qui les distingue, c'est le design, le contenu et le développement par-dessus. Si vous comparez les options, lisez choisir une plateforme de commerce en ligne pour une boutique de marque.
• Les prix récompensent le savoir-faire. Ils en disent long sur la qualité du design et de la réalisation, et rien sur les résultats commerciaux. Voir ce que les prix et les portfolios révèlent vraiment.

La suite

Écrivez une phrase qui explique pourquoi on devrait acheter chez vous plutôt qu'à la boutique d'à côté. Si votre site actuel ne rend pas cette phrase évidente en quelques secondes, vous savez par où commencer votre refonte.