Ambarstores

La vocation du produit

Facilitez les achats de mode grâce aux outils de découverte, de sélection de produits et de clients fidèles, tout en soutenant le développement continu du magasin.

À qui il s’adresse

Les acheteurs d'Ambarstores et l'équipe qui gère les opérations de la marque, du catalogue et du magasin.

L’expérience produit

L'évolution de quatre ans d'Ambar à Ambarstores relie la conception de la marque et du magasin à la gestion continue, au référencement et à deux applications Shopify personnalisées. La sélection de produits et la sauvegarde des articles pour plus tard font partie du même parcours client, plutôt que des ajouts déconnectés à la boutique.

La technologie au service de l’expérience

Le sélecteur de taille distingue la variante choisie par défaut par Shopify du choix volontaire du client. La liste de favoris relie la boutique et les comptes clients via les endpoints de l’application et les metafields client. La normalisation des identifiants et la gestion des doublons assurent la cohérence des produits enregistrés entre ces interfaces.

Une boutique qui évolue en continu

La collaboration a commencé avec Ambar, devenu Ambarstores. Quatre ans de travail continu ont réuni développement de marque, design complet de la boutique, gestion, SEO et deux applications Shopify sur mesure. Le périmètre va de la première impression de la marque au comportement des pages produit et aux outils clients de la boutique.

Le défi central est la continuité. Collections, images et priorités commerciales font évoluer une boutique de mode. Son identité doit pouvoir changer tout en conservant un parcours d’achat familier et un catalogue Shopify exploitable. Design, développement du thème et suivi régulier font donc partie d’un même projet.

De la direction éditoriale à une boutique fonctionnelle

L’exploration de la refonte établit une direction éditoriale sobre : un fond en porcelaine, une typographie sombre et un accent ambré, associés à des caractères d’affichage expressifs et à la police de corps Archivo du magasin. Les grandes photographies de mode donnent à la collection sa présence ; des structures de produits et de catégories plus claires permettent aux acheteurs de s'y retrouver.

Le prototype fonctionne avec 47 produits réels du catalogue et leur appartenance à la collection plutôt qu'avec des cartes anonymes. Les vues de la maison, de la collection et du produit explorent le comportement de ce matériau au cours d'un voyage complet. Le prototype documente également la traduction dans Shopify : sections Liquid réutilisables, extraits de fiche produit, filtrage de collection natif et contrôles de produit prenant en compte les variantes. Cette distinction est importante : une exploration de conception démontre une direction ; le thème Shopify doit préserver un véritable comportement commercial.

Le travail de thème se situe dans la section et l’architecture des modèles de Shopify. Les identifiants d'URL existants sont conservés dans le plan de refonte, reliant le changement visuel à l'engagement SEO à plus long terme. L'objectif technique est d'améliorer la boutique sans rendre sa structure de contenu jetable à chaque changement de présentation.

Le détail décisif : choisir une taille

Un problème d’ingénierie concret apparaît sur la page produit. Shopify résout un produit en une variante avant qu'un acheteur n'ait nécessairement choisi une taille. Présenter cette valeur par défaut comme une sélection intentionnelle peut rendre l’interaction d’achat ambiguë.

Le sélecteur de taille affiche « Choisir une taille » tant que le client n’a pas fait son choix. En arrière-plan, la variante Shopify reste sélectionnée pour déterminer prix et disponibilité. Supprimer cette sélection provoquait des combinaisons indisponibles, des prix masqués et une notification erronée. La solution distingue donc l’état e-commerce de l’indication visuelle du choix du client.

Cette logique explique également un deuxième bloc d'achat persistant créé après le rendu initial de la page. Les deux contrôles doivent respecter le même choix, et une URL qui nomme déjà une variante doit conserver la sélection effectuée par l'acheteur ailleurs. Le résultat est une implémentation conçue autour du cycle de vie de la plateforme, et pas seulement sur l’apparence d’un bouton de taille.

Développement d’applications sur mesure

Deux applications Shopify personnalisées font partie de l'engagement. L'implémentation de la liste de souhaits disponible montre la profondeur de ce travail : des contrôles de boutique, une page de liste de souhaits dédiée, l'intégration du compte client et une application côté serveur construite avec Remix et React.

Les favoris sont enregistrés dans un metafield client géré par l’application, via l’API GraphQL de Shopify. La liste reste ainsi associée au compte client. Les identifiants produit issus de Liquid sont convertis au format d’ID global de Shopify ; ajouter un produit déjà présent ne modifie pas la liste. Le thème et l’application utilisent donc une représentation cohérente de chaque produit.

La vitrine atteint l'application via un proxy d'application Shopify, tandis que des points de terminaison de compte client distincts prennent en charge l'expérience du compte. L'application gère les écritures plutôt que de demander à la boutique d'écrire directement les métachamps client. La complexité réside dans la connexion de l’interface d’achat, de l’identité du client et des autorisations de la plateforme sur ces surfaces. La deuxième application est incluse dans le périmètre global ; son ensemble de fonctionnalités individuelles n’est pas détaillé ici.

Un développement organisé en chantiers complémentaires

Les documents du projet retracent une progression depuis l'exploration visuelle avec le catalogue réel, jusqu'à la mise en œuvre du thème Shopify, jusqu'au comportement personnalisé et aux fonctionnalités connectées au compte. Chaque niveau soulève une question d'évaluation différente : la marque semble-t-elle cohérente, un acheteur peut-il naviguer dans le catalogue, une variante choisie se comporte-t-elle correctement et un article enregistré appartient-il au bon client ?

Le projet s’inscrit dans quatre ans de développement continu. Le passage d’Ambar à Ambarstores réunit marque, site, gestion, SEO et applications sur mesure dans une démarche d’amélioration durable, toujours pour simplifier l’expérience d’achat. Les différentes versions jalonnent cette relation ; il ne s’agit pas d’une seule refonte qui aurait duré quatre ans.

Ce que le projet démontre

Ambarstores démontre une portée de commerce connecté : conception de marque et de boutique, ingénierie d'interface spécifique à la plate-forme, développement d'applications personnalisées et gestion continue. Les décisions techniques les plus utiles sont souvent petites mais conséquentes, comme conserver un lien profond de variante ou rendre une liste de souhaits cohérente sur toutes les surfaces client.

L'étude de cas décrit la portée et la mise en œuvre plutôt que d'attribuer à la refonte une augmentation non vérifiée des revenus, une augmentation des conversions ou un gain de classement. Sa substance est l'œuvre elle-même : un magasin soutenu à la fois au niveau de la présentation et de l'application dans le cadre d'une relation durable.