I teamed up with Studio Freight to create a killer e-commerce site for ElevenLabs.
SF came with some seriously sharp design, and I brought it to life on a fully custom, headless Shopify front end.
What's the stack?
Built with Next.js and Shopify. The front end is completely custom, wired into Shopify's Storefront and Admin APIs through a GraphQL client I built myself. The cart's custom too: it assembles everything through the Storefront API, then hands off to Shopify's hosted checkout for payment.
Motion by GSAP. Scroll by Lenis, with the scroll-driven animation custom built on top.
What made this one different?
This was my first time integrating Shopify into an e-commerce build, which was a blast to figure out. And the product carousel got genuinely hairy, with a pile of edge cases and overlap with other features. But I got it built WAY faster than I could've a year ago, thanks to my AI-powered workflow.
Favorite part?
Studio Freight gave me room to play with the carousel, and I had a lot of fun dialing in the interactions. They're genuinely great to work with: open to ideas from the dev, and up for little extra features here and there.
Hardest part?
The region selector. The design called for something that didn't match how Shopify handles regions under the hood. After a lot of back and forth, I built and documented a front-end layer that bridged the gap. It gave the design the structure it wanted, while still mapping cleanly to what Shopify expected underneath.
What would you change?
The site is no-nonsense. Products, Info, Cart. But it would be cool to expand on the idea with a few more content pages.