Aller au contenu
Tous les projets

Épices · alimentation · e-commerce · 2026

Épices · Shopify 2026

Atelier 109

UX · Shopify sur-mesure Horizon · metafields

Vendre des épices, mais surtout aider à savoir quoi en faire.

Page d'accueil d'Atelier 109 en production
Accueil d'Atelier 109 sur mobile
Le site Shopify en production — accueil, desktop et mobile.

La mission

Réflexion UX, développement Shopify sur la base Horizon, composants sur-mesure, structuration du catalogue et accompagnement dans la durée, avec une directrice artistique.

  • UX / arborescence
  • Shopify
  • Composants sur-mesure
  • Metafields & metaobjects
  • Catalogue
  • Maintenance & évolutions

01 — Le point de départ

Le thème du lancement avait fait son travail. La marque voulait aller plus loin.

Atelier 109 avait démarré avec un thème Shopify, choisi pour aller à l'essentiel. Avec le développement de la marque, cette base ne correspondait plus assez à sa nouvelle identité, au niveau de qualité recherché, ni à la façon dont elle veut accompagner ses clients.

02 — Concevoir avant de développer

Une réflexion commune, avant le premier écran.

  1. 01

    Réflexion commune

    Client · DA · DSBD

  2. 02

    Arborescence & UX

    Parcours et contenus

  3. 03

    Définition des blocs

    Composants à prévoir

  4. 04

    Maquettes

    Par la directrice artistique

  5. 05

    Itérations

    DA + DSBD

  6. 06

    Validation

    Par le client

  7. 07

    Développement Shopify

    Par DSBD

  • La directrice artistique

    Identité visuelle, conception graphique des écrans, déclinaison visuelle du système défini ensemble.

  • DSBD

    Arborescence et UX, besoins fonctionnels, blocs et composants, itérations sur les maquettes, puis développement Shopify, structuration des données et intégration du catalogue.

03 — Sur la base Horizon

Sur-mesure, sans repartir de zéro.

Le site est un développement fortement personnalisé construit sur Horizon, un thème Shopify. Les développements spécifiques sont isolés autant que possible, pour limiter les modifications du cœur du thème et préserver sa capacité à évoluer.

  • Le socle

    Horizon, le socle Shopify

  • Développé par DSBD

    • Blocs spécifiques
    • Composants personnalisés
    • Templates adaptés
    • Gestion personnalisée des collections

04 — Le conseil dans le parcours

Partir de ce qu'on cuisine, plutôt que du nom d'une épice.

A

Les accords de mets

Des filtres permettent de parcourir les produits selon leurs accords avec différents mets. Le visiteur n'a pas besoin de connaître une épice pour trouver celle qui convient à son plat.

Bloc Idéal pour accompagner : pommes de terre, légumes, viandes blanches, viandes rouges
Fiche produit — « Idéal pour accompagner » : les accords de chaque épice.
Collection Aromates avec texte de conseil et filtres
Collection Aromates — une introduction qui conseille, puis les produits filtrables.
Collection Aromates sur mobile
Collection — mobile.
B

Un catalogue qui ne s'arrête pas à la fiche produit

Les fiches produits sont reliées à des contenus pour aller plus loin : dosage et conseils, suggestions de recettes, articles de blog affichés directement sur la page. Produits, recettes, articles et collections se répondent.

Fiche produit Assemblage spécial frites
Fiche produit — Assemblage spécial frites.
Fiche produit complète sur mobile : dosage et conseils, suggestions de recettes
Fiche produit mobile — dosage, conseils et recettes. Faites défiler.

05 — Des données structurées

Structuré une fois, réutilisable à plusieurs endroits.

Metafields, metaobjects et données spécifiques structurent les informations réutilisées à différents endroits du site. Les produits ont été intégrés et organisés par import CSV. Le contenu reste ainsi plus simple à faire évoluer.

  1. 01

    Metafields

  2. 02

    Metaobjects

  3. 03

    Composants personnalisés

  4. 04

    Import CSV du catalogue

06 — La suite

Le début d'une collaboration technique.

  • Évolutions prévues

    La création de coffrets et un futur catalogue B2B.

    Le site est conçu pour continuer à évoluer. Parmi les prochaines étapes envisagées : la création de coffrets et un catalogue B2B. Ces évolutions ne sont pas encore réalisées.

  • Maintenance

    DSBD assure la maintenance du site.

    L'accompagnement se poursuit pour les évolutions, les nouveaux besoins et l'amélioration progressive du site.

07 — Le résultat

Une boutique qui conseille
autant qu'elle vend.

Page Tous les produits avec filtres par catégorie
Tous les produits — desktop
Accueil complet d'Atelier 109 sur mobile
Accueil — mobile. Faites défiler.

Ce que le site permet aujourd'hui

  • Une expérience alignée avec l'identité de la marque.
  • Un parcours orienté vers le conseil.
  • Des liens renforcés entre produits et contenus.
  • Un catalogue exploré selon les usages.
  • Des données structurées et réutilisables.
  • Une base technique conçue pour rester évolutive.

Informations projet

Client
Atelier 109
Année
2026
Accompagnement
Maintenance & évolutions
Mission
UX · Shopify · développement sur-mesure
Technologie
Shopify · Horizon · metafields · metaobjects
Collaboration
Direction artistique réalisée en collaboration avec une directrice artistique

Votre catalogue ne devrait pas obliger vos clients à déjà savoir quoi chercher.

Navigation, contenus, conseils et fonctionnalités peuvent transformer une boutique en véritable outil d'aide au choix.

Parler de mon projet