All projects

For Project X Paris, at Axome

Pixel-perfect streetwear, multi-market fully custom Nosto and a vinyl footer

Custom multilingual Dawn theme for a music-inspired streetwear brand: Nosto collections and recommendations, vinyl footer, tabbed cart drawer and a Black Friday gift Function.

Scroll through the Project X Paris home page
Client
Project X Paris
Agency
Axome (European Digital Group)
My role
Lead Shopify developer
Team
Lead developer, with a second developer, a project manager and a back-end developer.
Year
2025 – 2026
Stack
Dawn, Liquid, Web Components, GSAP, Nosto, Webpack, Shopify Functions
See a product page Read Axome's case study

The brief

Build the online store for a music-inspired streetwear brand, with Nosto collections and recommendations, a wishlist and custom gift cards.

The challenge

The hardest part: a design that breaks e-commerce conventions (full-width pages, giant scrolling titles, a product page in a floating panel, a turntable footer), built pixel-perfect, with Nosto wired into collections, facets and recommendations in every language and every market. If Nosto errors out, a native fallback takes over.

What I built

  • Nosto React collections, facets and recommendation sliders, animated with GSAP, with a native fallback.
  • Interactive vinyl footer (Howler, GSAP) and a radio player synced across browser tabs.
  • Custom product page: keyboard-accessible variant picker, sticky add-to-cart bar, info tabs.
  • Cart drawer with 2 tabs, cart and wishlist, using the agency's wishlist module, guests included.
  • Physical gift cards and e-cards: templates, recipient form and balance management page.
  • Shopify Function that makes the Black Friday gift free, with 9 Vitest unit tests.

Built at Axome, as part of a team: "What I built" describes my part. Design by an Axome designer. The store and the Project X Paris brand belong to their owner.

Product page, then the footer: vinyl decks and radio player
On the product page, the details float over the photos and a sticky add-to-cart bar stays in view; at the bottom, the vinyl footer and its radio.
3 mobile screens: filters, product page and cart drawer
On mobile: the filter panel, the product page, then the cart drawer with its cart and wishlist tabs.
Product page: a floating panel over a full-width gallery
Over the photos, the panel brings together color, size and recommended size, delivery messages and the add-to-cart button.
Nosto collection: filters, model view, then quick add
The collection served by Nosto: color filter, switch between on-model and product photos, quick add of a size to the cart.
Nosto similar products in a GSAP slider, with quick add
In the GSAP slider, each swipe enlarges the new active product and its sizes as the previous one moves aside; below, the sticky add-to-cart bar.
Vinyl footer: two decks and the radio player
Spinning decks, links in the middle and the PXP radio player, kept in sync across browser tabs.
Cart drawer: add to cart, then move an item to the wishlist
The cart drawer has two tabs, cart and wishlist: an item moves from one to the other, even without an account.

Contact

LinkedIn GitHub Resume (PDF)