Tous les projets

Pour Project X Paris, chez Axome

Streetwear au pixel près, Nosto multi-marchés sur mesure et footer vinyle

Thème Dawn sur mesure et multilingue pour une marque de streetwear à l'univers musical : collections et recommandations Nosto, footer vinyle, tiroir panier à onglets et Function cadeau Black Friday.

Défilement de la page d'accueil Project X Paris
Client
Project X Paris
Agence
Axome (Groupe EDG)
Mon rôle
Lead développeur Shopify
Équipe
Lead développeur, avec un second développeur, une cheffe de projet et un développeur back.
Année
2025 – 2026
Stack
Dawn, Liquid, Web Components, GSAP, Nosto, Webpack, Shopify Functions
Voir une fiche produit Lire l'étude de cas d'Axome

Le brief

Créer la boutique en ligne d'une marque de streetwear à l'univers musical, avec collections et recommandations Nosto, wishlist et cartes cadeaux sur mesure.

Le défi

Le plus difficile : un design qui casse les codes du e-commerce (pages pleine largeur, titres géants qui défilent, fiche produit en panneau flottant, footer platine), intégré au pixel près, avec Nosto branché sur les collections, les facettes et les recommandations dans chaque langue et chaque marché. Si Nosto est en erreur, un repli natif prend le relais.

Ce que j'ai développé

  • Collections, facettes et sliders de recommandations Nosto React, animés en GSAP, avec repli natif.
  • Footer vinyle interactif (Howler, GSAP) et lecteur radio synchronisé entre les onglets du navigateur.
  • Fiche produit sur mesure : sélecteur de variantes accessible au clavier, barre d'ajout au panier sticky, onglets d'informations.
  • Tiroir panier à 2 onglets, panier et wishlist, qui intègre le module wishlist de l'agence et fonctionne aussi sans compte.
  • Cartes cadeaux physiques et dématérialisées : templates, formulaire destinataire et page de gestion du solde.
  • Shopify Function qui offre le cadeau Black Friday, avec 9 tests unitaires Vitest.

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 Project X Paris appartiennent à leur propriétaire.

Fiche produit, puis le footer : platines vinyle et lecteur radio
Sur la fiche produit, les infos flottent sur les photos et une barre d'ajout au panier sticky reste visible ; en bas, le footer vinyle et sa radio.
3 écrans mobiles : filtres, fiche produit et tiroir panier
Sur mobile : le panneau de filtres, la fiche produit, puis le tiroir panier avec ses onglets panier et wishlist.
Fiche produit : un panneau flottant sur une galerie pleine largeur
Par-dessus les photos, le panneau réunit couleur, taille et taille conseillée, messages de livraison et bouton d'ajout au panier.
Collection Nosto : filtres, vue mannequin, puis ajout rapide
La collection servie par Nosto : filtre par couleur, bascule entre photos portées et photos produit, ajout rapide d'une taille au panier.
Produits similaires Nosto dans un slider GSAP, avec ajout rapide
Dans le slider GSAP, chaque swipe agrandit le nouveau produit actif et ses tailles, le précédent s'écarte ; en bas, la barre d'ajout au panier sticky.
Footer vinyle : deux platines et le lecteur radio
Des platines qui tournent, les liens au centre et le lecteur de la radio PXP, synchronisé entre les onglets du navigateur.
Tiroir panier : ajout au panier, puis passage d'un article en wishlist
Le tiroir panier a deux onglets, panier et wishlist : un article passe de l'un à l'autre, même sans compte.

Contact

LinkedIn GitHub CV (PDF)