Ernest E. Guzmán, home

Agenda T1 2027 · 2 places en accompagnement mensuel

///
Parlons-en

Cadeaux · Refonte Shopify · Catalogue · Panier moyen

Sip’n’Fox

Des cadeaux au thé, repensés pour que commander 50 pièces soit aussi simple qu’en acheter une.

Client
Sip’n’Fox LLC
Secteur
Cadeaux · Alimentation et boissons · DTC + B2B
Marché
États-Unis
Rôle
Responsable Shopify : développement, architecture du catalogue, SEO
Période
2026
Périmètre
Refonte · Catalogue · Fiches produit · Ventes additionnelles et lots · Paliers B2B · SEO
Sip’n’Fox

Sip’n’Fox fabrique des BrewPops, des sucettes de thé artisanales qui s’épanouissent dans l’eau chaude, vendues aux États-Unis comme cadeaux personnalisés pour baby showers, mariages et cadeaux d’entreprise. J’ai audité la boutique, rédigé une proposition modulaire et livré trois modules : une refonte complète sur un nouveau thème premium, des fiches produit repensées pour convertir, et une couche de ventes additionnelles, de lots et de prix B2B qui augmente chaque commande.

Résultats
78→18références fusionnées en produits parents propres
73 hde travail cadré et documenté en trois modules
6modèles de produit pour chaque type de BrewPop
4paliers de volume B2B, de 25 à plus de 500 unités
Le défi

L’audit a révélé une boutique qui avait grandi produit par produit : 78 références dont la plupart étaient le même produit dans une autre couleur, 8 collections qui se chevauchaient, trois noms pour un même produit (Tea Bomb, TeaPop, BrewPop), des prix à 0,00 $ en ligne, des émojis et « (🔴 Commande minimum : 25) » dans les titres. Et deux acheteurs très différents, un parent qui prépare une baby shower et une office manager qui commande 300 cadeaux personnalisés, arrivaient au même endroit sans chemin pour aucun des deux.

L’approche

Séparer les deux parcours dès l’entrée, puis concevoir un modèle produit où chaque décision vit à un seul endroit.

01

De l’audit à un plan de 73 heures

Plutôt qu’une « refonte » vague, j’ai transformé l’audit en proposition modulaire : chaque tâche nommée, estimée en heures et liée à une raison commerciale. Les fondateurs pouvaient valider module par module, payer la moitié au départ et l’autre à la livraison, et voir exactement ce qu’ils obtenaient. Trois modules ont été lancés en premier.

Module 0136 h

Refonte et nouveau thème premium

  1. Thème premium OS 2.0, tokens de marque, méga-menu
  2. Double navigation : boutique par occasion + entreprise
  3. Page d’accueil refaite en 8 sections
  4. 8 anciennes collections → 6 propres, avec SEO
  5. Modèle de collection avec bandeau B2B et filtres
  6. Recette mobile, navigateurs, Core Web Vitals
Module 0421 h

Fiches produit et conversion

  1. 78 références fusionnées en ~18 produits, erreurs à 0,00 $ corrigées
  2. Architecture de variantes natives sur 6 modèles
  3. Champs saveur, ruban et étiquette, étape par étape
  4. Textes de conversion et quatre accordéons d’information
  5. Bandeau B2B sous chaque bouton d’ajout au panier
Module 0616 h

Ventes additionnelles, lots et prix par volume

  1. Sélecteur de lots sur chaque fiche produit
  2. Vente croisée de théière « Complete the Magic »
  3. Panier latéral avec barre de livraison gratuite et mot cadeau
  4. Paliers entreprise de Bronze à Platine
  5. Vente additionnelle en un clic après l’achat
  6. Lots Wedding Kit et Corporate Pack
73 hheures, estimées à l’avance17livrables nommés50 / 50payé au départ / à la livraison
Fig. 01Phase 1 : trois modules, 17 livrables, chaque ligne estimée avant le début du travail.
02

Deux publics, deux écosystèmes

La page d’accueil est devenue un aiguillage : en un écran, on est orienté vers les achats par occasion ou vers les cadeaux d’entreprise. Le grand public mène à un panier. Le B2B ne mène jamais à un panier, mais à un formulaire de devis et à un agenda, parce que c’est ainsi qu’achètent les entreprises.

  • Barre d’annonce : livraison gratuite à gauche, « Commande pour une entreprise ? » à droite
  • Accueil en 8 sections : vidéo d’ouverture, preuve sociale, aiguillage en 3 cartes, curseur avant/après de personnalisation, meilleures ventes, comment ça marche, avis
  • Pied de page en 4 colonnes avec badges de confiance : paiement sécurisé, bio, satisfait ou remboursé
sipnfox.comPage d’accueil : l’aiguillage
B2CShopÉmotionnel, par occasion → panier
  • Baby Shower/collections/baby-shower
  • Wedding & Bridal/collections/wedding-bridal
  • Celebrations/collections/celebrations
  • Gift Sets/collections/gift-sets
  • Seasonal/collections/seasonal
  • All Products/collections/all
B2BCorporate & EventsJamais de panier → devis et agenda
  • Corporate Gifting Hub/pages/corporate-gifting
  • White-label & Branding/pages/custom-branding
  • Wholesale/pages/wholesale-login
PDPModèles de produitUn produit peut vivre dans plusieurs collections
  • A · Gender tagsBoy / Girl / Neutral
  • B · + Gift cardCarte physique incluse
  • C · NeutralSans étape de genre
  • D · Ribbon only11 couleurs de ruban
  • E · ThemedHoney / Ocean / Forest
  • F · BulkBouton « Demander un devis »
03

Un produit, quatre couches

Chaque décision sur un BrewPop était emmêlée dans le produit lui-même. Je l’ai séparée en quatre couches, chacune confiée au bon outil : la navigation règle l’occasion et le genre, une seule variante native gère la forme, les propriétés de ligne gèrent la personnalisation et une app de règles impose les minimums par collection.

Les tags relient le tout : un tag active les champs de personnalisation, un autre attribue le minimum, d’autres alimentent automatiquement les collections intelligentes. Ajouter un produit est passé d’un après-midi à dix minutes. Faites glisser pour regarder à l’intérieur :

01 · NavigationSmart collections
Brew Pops›Baby Shower›Baby Boy
Baby BoyBaby GirlLittle One
02 · VarianteShopify native
♥ Heart● Circle
SKU · BP-HEART-BOY
03 · PersonnalisationLine-item properties
Chamomile ▾Welcome, little one
04 · RèglesMinCart
25 Showers · Weddings10 Seasonal0 Gift sets
  1. 01
    NavigationL’occasion et le genre se choisissent avant le produit.
  2. 02
    VarianteUne seule option : celle qui change la référence.
  3. 03
    PersonnalisationRuban, saveur et message voyagent avec la commande.
  4. 04
    RèglesMinimums imposés par collection, jamais expliqués dans un titre.
04

L’échelle d’options

Sur la fiche produit, les choix apparaissent dans un ordre fixe (forme, quantité, ruban, saveur, message) et le prix se met à jour à chaque étape. Les lots sont présélectionnés au bon niveau, et une vente croisée de théière en un clic se place juste avant le bouton panier.

  • 11 couleurs de ruban en pastilles visuelles
  • 5 saveurs de thé, message de 60 caractères
  • Quantité minimum imposée, pas expliquée
Sip’n’Fox · sipnfox.com/products/brewpop-rose
Sip’n’Fox · mobile
Fig. 02Fiche produit : l’échelle d’options, de haut en bas.
  1. 1Le prix à la pièce : l’unité que l’on compare
  2. 2La saveur, un choix obligatoire
  3. 311 couleurs de ruban en pastilles
  4. 4Message limité à 8 mots
  5. 5Bouton panier fixe avec prix en direct
05

Des commandes plus grosses, sans brader la marque

Le panier moyen était laissé au hasard. J’ai construit une couche qui l’augmente à chaque étape : un sélecteur de lots préréglé au bon niveau (×3, −10 %), une vente croisée de théière en verre « Complete the Magic » en un clic, un panier latéral qui montre combien il manque pour la livraison gratuite, un mot cadeau et une seule offre après l’achat pour les commandes particulières de moins de 100 $. Essayez le panier :

  • Paliers entreprise : Bronze 25–49 · Argent 50–99 (design de carte offert) · Or 100–499 (+ ruban personnalisé) · Platine 500+ (boîte sur mesure, sur devis)
  • Pack 50 et Pack 100 avec « Demander un devis » au lieu d’Ajouter au panier
  • Wedding Kit et Corporate Pack en lots prêts à l’emploi
BrewPop Rose
Sip’n’Fox BrewPop “Rose” with ribbon $7.99 par BrewPop Choisissez votre lot
Complete the MagicAjoutez une théière en verre pour le voir s’épanouir · +$12
06

Une recherche qui comprend les occasions

Les gens cherchent « cadeaux baby shower » ou « cadeaux de mariage au thé », pas « BrewPop ». Les collections ont été reconstruites autour de ces intentions, avec des textes descriptifs, des URL propres et des données structurées produit. Fusionner les produits en double a concentré les signaux de classement au lieu de les disperser, et chaque URL retirée a reçu sa redirection.

Sip’n’Fox · sipnfox.com/collections/brewpop
Sip’n’Fox · sipnfox.com/pages/contact
Fig. 03Des collections reconstruites selon l’intention de recherche, et la même chaleur sur chaque page.
  1. 1Vendre le moment, pas le produit
  2. 2Cinq portes, par occasion
  3. 3Un filtre budget pour les cadeaux
  4. 4La photographie de marque porte chaque page, même le contact
Décisions de design

Le système derrière les écrans

Sip’n’Fox vend quelque chose de petit, artisanal et émouvant, par lots de 25 à 300. Le design devait rester chaleureux, comme un cadeau, tout en portant beaucoup de structure : options, minimums, personnalisation et un parcours B2B.

A

Couleur

#FDFAF7 Milk Fond de page 11.7:1 · AAA
#3A352E Steeped tea Texte : plus chaud que le noir 11.7:1 · AAA
#B86A3E Fox Boutons et logo 3.9:1 · AA large
#5C6E55 Sage Boutons secondaires, « en stock » 5.3:1 · AA
#2D6257 Teapot green Liens, filtres actifs 6.7:1 · AA
#F0EBE3 Ribbon cream Bandeaux, cartes, la barre d’annonce 10.2:1 · AAA

L’orange renard est réservé à la seule action qui compte sur chaque écran. Le texte est un noir brun « thé infusé », pour que la page ne paraisse jamais clinique à côté des photos produit.

B

Typographie

Cormorant400 · 0.015em

Small gifts. An unexpected cup.

Titres · noms de produitsUne serif calligraphique pour la couche émotionnelle : occasions, prénoms, messages.

Raleway600 · 0.2em · caps

Add to cart · Minimum 25

Boutons · étiquettes · navigationDes capitales géométriques pour la couche fonctionnelle : règles, quantités, actions.

C

Grille et espacement

Colonnes
12
Largeur max.
1200px
Gouttière
24px
Unité de base
4px
4
8
12
16
24
32
48
72

Les lignes d’options suivent un rythme de 12 px pour que six choix tiennent au-dessus de la ligne de flottaison sur un portable, sans paraître serrés.

D

Décisions, et pourquoi

  1. 01

    Des choix dans un ordre fixe

    PourquoiForme → quantité → ruban → saveur → message reprend la façon dont on prépare un événement.

    Au lieu deToutes les options visibles d’un coup dans un long formulaire.

  2. 02

    Le genre et l’occasion réglés par la navigation

    PourquoiUne décision de moins sur la fiche produit (loi de Hick).

    Au lieu deUne variante « Garçon / Fille » sur chaque produit.

  3. 03

    Lots présélectionnés à ×3

    PourquoiL’option du milieu ancre la valeur sans brader l’unité.

    Au lieu deUn code de réduction valable sur tout le site.

  4. 04

    Le B2B n’affiche jamais de panier

    PourquoiLes entreprises achètent avec un devis et une facture, pas avec un paiement en ligne.

    Au lieu deDes variantes de 300 unités dans la boutique grand public.

E

Schéma

Fiche produit : l’échelle d’options
Écrans · 07 Glisser · cliquer pour agrandir
Sip’n’Fox · 01
Sip’n’Fox · 02
Sip’n’Fox · 03
Sip’n’Fox · 04
Sip’n’Fox · 05
Sip’n’Fox · 06
Sip’n’Fox · 07
Outils
  • Shopify OS 2.0 · Liquid
  • Premium theme
  • Smart collections
  • Line-item properties
  • Easify / Infinite Options
  • MinCart
  • ReConvert
  • Discounts & Draft Orders
  • Bulk CSV import
  • Schema.org
Livrables
  1. Audit et proposition modulaire
  2. Refonte sur thème premium
  3. Lots, ventes croisées et panier latéral
  4. Architecture du site (B2C + B2B)
  5. Modèle de données du catalogue et système de tags
  6. 6 modèles de fiche produit
  7. Espace cadeaux d’entreprise
  8. Restructuration SEO et redirections
  9. Modèle d’import pour les fondateurs
Ce que je ferais ensuite
  1. Passer le B2B aux catalogues d’entreprise natifs de Shopify avec prix par paliers.
  2. Automatiser le calendrier saisonnier (Pâques → fête des Mères → automne).
  3. Un flux d’avis après l’événement avec photos clients comme preuve sociale.
Projet suivant · 03 YogaRooted Bien-être · Web immersif · Système de gestion du studio
Continuez à défiler
© 2026 Ernest GuzmánParlons-en →