Concept build, Premium tier
Sport Universe.
Multi-category sports retailer, Bukit Jalil. Twenty-four products across two sports, and a scoreboard that never stops flipping.
Open the live build
The brief it was built to.
Concept brief: football and badminton, sold as one identity instead of two afterthoughts stapled together — the mix a real Malaysian sports shop actually carries. Real generated product photography stands in for stock, because a fictional store selling a fictional “Vertex” boot cannot show a Nike swoosh.
- Next.js
- GSAP ScrollTrigger
- Generated photography
- Static rendering
Every number on the page flips like a departures board.
Price, stock count and star rating are not just numbers — each one is a Solari-style split-flap character cycle, GSAP-driven, landing on the real value as it scrolls into view. Selecting a colourway triggers a second mechanic: a broadcast-style diagonal wipe, the kind a match highlight package cuts on, sweeping the old shade off real product photography and the new one on.
What a multi-category retailer gets from this: real product photography with no borrowed branding in it, a scoreboard mechanic that makes every price and stock count feel alive, and a catalogue structure that scales from six SKUs to sixty without a redesign.
Measured, not claimed.
- Largest Contentful Paint
- 416 ms
- Cumulative Layout Shift
- 0
- Anti-patterns found
- 0
- Product photography
- 24 generated shots
Measured with Chromium tracing on the production build. The point is not the exact digits; it is that your site will ship with its own.