A studio website template that plays like a film. The 3D obsidian monolith is built entirely in code, and your scroll drives every frame, all the way to the contact form.
7 chapters. 3 real-time 3D scenes. No code to edit it.
How much of a product should someone be able to explore before they book a demo?
That was the UX question behind this site for contact center software.
The comparison cards use the same five criteria in the same order. You can pick a row and scan across all three options.
The coverage toggle keeps the grid in place while the cells, legend and summary update. Your eye stays on the same part of the grid as the view changes.
My favourite detail is in the six-tab product preview. Pick a scoring criterion and the call excerpt and timestamp update right beside the score.
On mobile, the featured comparison card moves to the top and the demo tabs become a horizontal strip.
If you could keep just one interaction here, which would you choose and why: the coverage toggle or the scoring preview?
I gave several AI a four word prompt to see the different ways it would interpret it. This is what came of it. The prompt was - Forest. Dragon. Mountain. Fire.