Tous les projets

Pour Sparwan, chez Axome

Configurateur de PC industriel

Un configurateur pour composer un PC industriel à partir d'un châssis, sous contraintes de slots et de stock, puis une Shopify Function qui crée une ligne de commande par composant.

20 tests unitaires Tests Vitest qui couvrent les 2 Shopify Functions de l'app checkout.
4 extensions Shopify 2 Functions et 2 extensions d'interface (bannière de devis au checkout, bouton facture), toutes écrites par moi.
Défilement de la page d'accueil Sparwan
Client
Sparwan
Agence
Axome (Groupe EDG)
Mon rôle
Lead développeur Shopify
Équipe
Lead développeur, avec un second développeur et un chef de projet.
Année
2026
Stack
Stretch, Web Components, Metaobjects, Shopify Functions, Vitest, Checkout UI extensions, Customer Account UI extensions
Essayer le configurateur

Le brief

Permettre à des professionnels de composer un PC industriel sur mesure depuis la fiche d'un châssis, puis de le commander avec une ligne par composant.

Le défi

Une seule ligne châssis doit être éclatée en une ligne par composant, au bon prix et dans la devise affichée au client. Le configurateur respecte les slots M.2 et PCI du châssis, bloque les composants hors stock et limite les quantités au stock disponible.

Ce que j'ai développé

  • Configurateur en Web Component : slots et catalogues de composants pilotés par métaobjets et metafields.
  • Budget de slots M.2 et PCI, blocage hors stock, sauvegarde des choix, PC présenté en accordéon dans le panier.
  • Function Cart Transform : la ligne châssis devient une ligne par composant, avec conversion de devise.
  • Demande de devis B2B (Function de paiement, bannière checkout, bouton panier) et bouton facture du compte client.
  • Fiche produit technique : onglets, caractéristiques et comparatif, carrousel d'offres, barre d'ajout au panier sticky.
  • Mega menu à barre latérale et sections du design system intégrées depuis Figma.

Réalisé chez Axome, en équipe : "Ce que j'ai développé" décrit ma part. Maquettes conçues par un designer d'Axome. La boutique et la marque Sparwan appartiennent à leur propriétaire.

Configurateur de PC : mémoire, stockage et options, puis le PC au panier
Chaque choix met à jour le récapitulatif et le total, dans la limite des slots et du stock ; au panier, le PC arrive avec ses composants.
3 écrans mobiles : slots mémoire pleins, récapitulatif et panier
Sur mobile : deux barrettes remplissent les deux slots et bloquent les autres choix, le récapitulatif fait le total, le panier liste les composants.
Mega menu avec une barre latérale de catégories
Le mega menu : catégories dans une barre latérale, sous-catégories illustrées et bloc de demande de devis.

Contact

LinkedIn GitHub CV (PDF)