Figma-to-Shopify
Fuelled by TEKS
A fully custom, pixel-accurate Figma-to-Shopify storefront for the sports-nutrition brand founded by footballer and creator Ben Nuttall. Built for a bold, high-energy brand with smooth motion and fast load performance.
The Challenge
A sports-nutrition brand founded by a footballer needed a bold, high-energy storefront that matched a detailed Figma exactly, moved smoothly, and still loaded fast on every device. High-energy motion and strong performance usually pull against each other.
Approach
I built a fully custom, pixel-accurate Figma-to-Shopify theme in Liquid and vanilla JavaScript, engineering a premium product presentation. I added GSAP and Lenis smooth-scroll motion for the high-energy feel, then tuned asset loading so the experience stayed fast rather than heavy.
What I did
- Engineered the theme layout and premium product presentation in Liquid and vanilla JavaScript.
- Added GSAP and Lenis smooth-scroll animations for a fluid, high-energy feel.
- Tuned for fast loading and strong Core Web Vitals across devices.
Outcomes
- Pixel-accurate translation of the Figma into a live Shopify theme.
- Smooth, high-energy motion without sacrificing load performance.
- Strong Core Web Vitals across devices.
Next project
Wowtel Subscription App