A high-fidelity Apple product page clone exploring GSAP scroll animations, Blender 3D assets, and premium interactive UI, built as an exploratory frontend craft piece.
GSAP
Scroll animations
Blender
Custom 3D assets
React
TypeScript frontend
Aug 2024
Exploratory build
What problem did Personal project have?
Apple’s product pages set a high bar for scroll-driven storytelling, animation timing, and visual polish, hard to replicate without deep frontend animation and 3D integration skills.
How did we approach it?
Treat it as a craft exercise: match the premium feel with performance-optimized GSAP sequences, scroll triggers, parallax, and fluid transitions, paired with custom Blender renders for product-style visuals.
What did we build?
React and TypeScript with Tailwind CSS for structure and styling; GSAP for complex scroll-based animation; Blender-authored 3D assets integrated into the page for immersive product storytelling.
What was the outcome?
A polished interactive demo that shows strong attention to animation timing, visual design, and production-grade UI polish, rounding out the portfolio alongside AI and SaaS builds.
Next project
PeoplePixel
A full-stack SaaS platform for Click Track Marketing that turns anonymous website traffic into identifiable leads and measurable revenue, with a free audit funnel, visitor identification, CRM integration, and a custom attribution engine.