Concept product site
Galaxy S26 Ultra
A scroll-driven product page for the Galaxy S26 Ultra with real-time 3D. The phone turns, the S Pen slides out and the phone fans out into every color.
- Next.js
- React Three Fiber
- Three.js
- GSAP
- TypeScript
- WebXR
About the project
What I built and how.
I like Samsung's product pages, so I built my own version. A single 3D phone model carries the whole page: it moves, turns and comes apart as you scroll. Every section has its own 3D or animated demo.
I paid close attention to performance. Models are Draco-compressed, the scene only draws while something moves, and every 3D section after the hero shares a single WebGL canvas. It scores 100 for accessibility and SEO on Lighthouse.
A fan-made concept, not affiliated with Samsung. Specs come from Samsung's official product pages.
Highlights
- 01
S25 Ultra comparison
Both phones side by side in 3D at true relative size, next to a spec table.
- 02
Build your Ultra
Pick a color and storage and the price updates live. You can place the chosen color in your room at real size with AR.
- 03
Galaxy AI demos
Live Translate, Circle to Search and Photo Assist play as short animated stories.
- 04
Camera
A 0.6x to 100x Space Zoom you scroll through, and a night shot comparison with a draggable before/after slider.
- 05
Drag to spin
Grab the phone and spin it, with inertia and a soft snap back.
- 06
Watch the film
One button runs the whole page as an auto-scrolling tour you can pause and resume.
Gallery
