design+code
Les marques de mode nous demandent rarement une boutique qui convertit. Elles arrivent avec un univers : une collection, une campagne, la vision d'un directeur artistique. La boutique doit porter cet univers, puis elle doit vendre. Ces deux exigences tirent dans des sens différents plus souvent qu'on ne l'admet, et l'essentiel de notre travail sur les boutiques de mode se joue là où elles se rencontrent.
Une boutique de mode se juge en quelques secondes sur l'allure de la marque, avant que quiconque ait lu une description produit. C'est pourquoi le design ne peut pas passer après. Mais une belle boutique qui perd ses visiteurs au moment de choisir une taille est un lookbook avec un panier. L'identité n'est pas négociable, le chemin vers la commande non plus.
Nous traitons donc chaque choix de design comme un choix commercial. Une image pleine largeur sur une page collection est une décision de marque et une décision de temps de chargement. Une fiche produit épurée relève de l'esthétique, et aussi de la place qu'occupent la taille et le bouton d'ajout au panier sur un téléphone. Nous ne sacrifions pas l'un à l'autre. Nous cherchons la version qui garde les deux.
Sur la plupart de nos projets mode, la direction artistique vient d'un studio que nous ne possédons pas et que nous ne cherchons pas à remplacer : Studio Avenir, l'Atelier Deux-Cé, Leslie David Studio, Bureau Joie, Bureau Fritiau, avec Pan-Pan au web design. Ce sont des gens qui ont un point de vue et un corpus de travail. Notre rôle n'est pas de réinterpréter leur design. C'est de le construire, fidèlement, dans un thème qu'une équipe pourra faire vivre pendant des années.
Cela ne fonctionne que si la collaboration est étroite et commence tôt. Avant que les fichiers soient figés, nous les lisons en développeurs. Comment cette grille se comporte-t-elle sur un petit téléphone ? Que se passe-t-il quand un produit a beaucoup de tailles, ou un nom deux fois plus long que celui de la maquette ? Quelle interaction coûte en performance ? Laquelle la plateforme gère-t-elle nativement, et laquelle demande du code sur mesure ? Nous apportons ces questions au studio tant que changer quelque chose coûte peu, et nous essayons d'arriver avec une proposition plutôt qu'un refus.
Le studio, de son côté, sait ce que nous ne savons pas : pourquoi une marge a cette taille, quel détail porte l'identité, ce qui peut plier et ce qui ne le peut pas. Un développeur qui l'ignore aplatit le design. Un directeur artistique qui ignore la plateforme livre une maquette impossible à construire ou à maintenir. Garder les deux dans la même conversation, de la première revue au lancement, est l'essentiel du métier.
Ce que nous cherchons à livrer, c'est une boutique que l'équipe de la marque peut modifier seule : une nouvelle collection, une nouvelle landing page, une nouvelle campagne, sans ticket chez nous et sans casser le design.
Le travail de conversion sur une boutique de mode est rarement une refonte. C'est une courte liste d'endroits où l'hésitation se loge, et la plupart des corrections tiennent sans peine dans la direction artistique.
Le panier. C'est le moment où l'intention d'achat est la plus forte, et la plupart des boutiques le gâchent avec une liste statique. Pour Archiduchesse, nous avons ajouté dans le tiroir du panier des suggestions discrètes issues de catégories complémentaires, et le panier moyen a augmenté.
Livraison et retours, tôt. Les délais, le seuil de livraison gratuite et la politique de retour en une phrase, affichés avant que le client arrive aux informations de carte. D'après notre expérience, la première raison d'abandon au paiement est l'incertitude, pas le prix.
Taille et coupe. Un guide des tailles qui répond à « quelle taille dois-je commander » plutôt que d'afficher un tableau, facile à trouver et lisible sur téléphone. Si le client doute de la coupe, rien d'autre sur la page ne compte.
La photo en situation. Les photos studio montrent le vêtement proprement, mais n'aident pas à s'imaginer le porter. Pour L'Île Bleue, l'ajout d'images des produits en usage à côté des photos studio a fait une différence mesurable sur le taux d'ajout au panier.
Les avis près du bouton. La plupart des thèmes les enterrent sous la description. Nous les rapprochons de l'ajout au panier, parce que c'est là que se loge le doute.
La recherche et les filtres. Ils doivent suivre les mots que les clients emploient pour le catalogue, pas ceux de la fiche produit interne.
Nous détaillons la méthode, l'audit et le travail sur le paiement dans pourquoi la plupart des boutiques Shopify perdent leurs clients au checkout. La question du thème, sur mesure ou du Theme Store, est dans thème Shopify sur mesure ou thème du marché.
Beaucoup de marques de mode nous arrivent d'une autre plateforme. Leurs anciennes URL ont déjà un historique dans les moteurs de recherche, et le travail le moins visible décide du résultat : faire correspondre anciennes et nouvelles URL, les rediriger, conserver les titres et la structure qui fonctionnent. La méthode est dans migrer vers Shopify sans perdre son SEO.
Archiduchesse : refonte complète. Développement par nos soins, direction artistique par l'Atelier Deux-Cé.
Lucas du Tertre : migration de PrestaShop vers Shopify et refonte globale. Direction artistique par Studio Avenir, web design par Pan-Pan, développement par nos soins.
L'Île Bleue : refonte complète sur Shopify. Direction artistique par Bureau Joie, développement Shopify et SEO / GEO par nos soins.
Justine Ménard : migration de Squarespace vers Shopify. Direction artistique par Bureau Fritiau, développement Shopify et SEO / GEO par nos soins.
Sarah Eisman Studio : joaillerie, e-commerce sur Shopify. Design par Leslie David Studio, développement Shopify par nos soins.
The Sagio : maison de mode féminine. Design par Studio Avenir, thème Shopify sur mesure par nos soins, en anglais, français et italien.
Si vous dirigez une marque de mode et hésitez entre migration et refonte, notre approche est détaillée sur la page mode. Vous pouvez aussi nous envoyer votre brief à bonjour@dellamattia.com.