Slicy, protections et stickers vélo sur-mesure

2026

Slicy

Gestion de projet, développement du thème Shopify sur-mesure (design Substance), conseil produits · Thème Shopify OS 2.0 from scratch

Contexte

Slicy, marque de protections et stickers sur-mesure pour vélo née dans les Alpes en 2016, avait un PrestaShop qui buguait constamment. Le client est venu directement vers moi ; j’ai géré le projet, confié la direction artistique à Substance, et conseillé sur la stratégie produits et variants en parallèle du développement.

Le vrai sujet n’était pas un joli storefront, mais un thème Shopify OS 2.0 écrit from scratch, pas un Dawn habillé, pour porter un moteur de matching vélo (marque → modèle → protection compatible) et un configurateur de stickers en SVG avec preview live. Livré en six semaines.

Résultat : les ventes sont revenues à leur meilleur niveau historique, voire 10 % au-dessus.

Objectifs & livrables

Sortir d’un PrestaShop instable

Migrer vers un thème Shopify fiable, sans reprendre les bugs de l’ancien site.

Moteur de matching vélo

Résoudre automatiquement la bonne protection selon la marque et le modèle choisis.

Configurateur de stickers en direct

Personnalisation SVG avec preview live, pas de simples variantes couleur.

Conseil produits et variants

Structurer le catalogue au-delà du seul développement technique.

Fiche produit

Une PDP par famille de produits

Environ 45 templates dédiés (intégral, stickers, accessoires, textile) plutôt qu’un template générique truffé de conditions.

Catalogue

Filtres branchés sur les métaobjets

Facettes marque et modèle synchronisées avec le même modèle de données que le configurateur Intégrale.

Configurateur

Intégrale, le moteur de matching

Marque puis modèle, le thème résout le bon kit de protection via métaobjets, sur un catalogue paginé jusqu’à 250 produits par page.

Personnalisation

Stickers en SVG, preview live

Slots de couleur, palettes standard et premium, bascule automatique de variante si une teinte premium est choisie.

Sous le capot

Liquid et templates JSON OS 2.0, Tailwind v4, Alpine.js pour l’état des overlays, modules vanilla pour la logique métier, esbuild pour le bundling. Environ 46 sections et 45 templates produit alternatifs, un gabarit par famille de produits plutôt qu’un template unique truffé de conditions. Cinq marchés Shopify (UE, UK, Amérique du Nord, Suisse, reste du monde), quatre langues.

MétaobjetsConfigurateur

01 / 05

Le configurateur Intégrale

Problème

Proposer des milliers de combinaisons marque/modèle sans lister des produits qui n’existent pas, ni obliger le client à chercher lui-même la bonne référence.

Approche

Des métaobjets marque et modèle, couplés à des métachamps produit, permettent au thème de résoudre automatiquement la bonne combinaison. Un snippet dédié pilote la recherche, avec un catalogue paginé jusqu’à 250 produits par page pour ne proposer que les combos qui existent réellement. C’est un moteur de matching métier, pas un simple filtre de catalogue Shopify standard.

Le configurateur Intégrale

SVGPersonnalisation

02 / 05

Stickers en SVG, personnalisation live

Problème

Personnaliser des stickers (cadre, fourche, roue, amortisseur) au-delà de simples variantes couleur, avec un rendu visuel fidèle avant achat.

Approche

Chaque sticker est un SVG avec des emplacements de couleur, piloté par un drawer de design proposant des palettes standard et premium. La preview se met à jour en direct sur le SVG. Les couleurs choisies sont envoyées en line item properties, et le variant bascule automatiquement sur la version premium si une teinte premium est sélectionnée. Un second outil complète ce système maison pour d’autres familles de produits.

Stickers en SVG, personnalisation live

ShopifyTemplates

03 / 05

Une PDP par famille, pas un template universel

Problème

Un intégral VTT, un kit de stickers et un tee-shirt n’ont rien à voir en termes d’information ou de configuration : les forcer dans un seul template les dessert tous.

Approche

Chaque univers (intégral MTB, protections, stickers, accessoires, textile, kits de pose) a sa propre mise en page. Environ 45 templates produit alternatifs, plutôt qu’un template générique rempli de conditions pour s’adapter à chaque cas. Résultat : chaque fiche produit reste lisible et pertinente pour son univers, sans compromis pour faire tenir tous les cas dans un seul gabarit.

Une PDP par famille, pas un template universel

FacettesMétaobjets

04 / 05

Filtres collection branchés sur les métaobjets

Problème

Garder une cohérence entre le configurateur de protection et les filtres de collection, sans dupliquer la logique de matching marque/modèle à deux endroits.

Approche

Les facettes sont chargées via une vue Liquid dédiée, puis synchronisées en JS avec le même modèle de données que l’Intégrale. Le client retrouve la même logique de marque et de modèle, qu’il navigue depuis une collection ou depuis le configurateur.

Filtres collection branchés sur les métaobjets

Cart APIPacks

05 / 05

Packs et panier « couleur »

Problème

Vendre des packs (cadre et fourche à prix réduit) et des add-ons sans complexifier le panier, tout en gardant lisible la personnalisation de chaque sticker commandé.

Approche

Une section Pack ajoute deux variantes en un clic via l’Ajax Cart API. Les add-ons passent par un métachamp dédié. Le panier affiche et fait correspondre les couleurs personnalisées choisies pour chaque sticker, plutôt qu’une simple ligne de commande générique.

Packs et panier « couleur »

Décisions

Pourquoi ces choix techniques

Le configurateur Intégrale et la personnalisation SVG ne rentraient pas dans les limites d’un thème habillé. Repartir de zéro donnait le contrôle nécessaire sur ces mécaniques métier.

Suite

Un catalogue produit complexe à structurer sur Shopify ?

Un thème pensé pour votre logique métier, pas un habillage de thème générique.