JOHNKENNEDY logo

Concept presentation · 8 directions

JOHNKENNEDY

Eight 3D scroll concepts, each with a different mechanic and built for a different kind of business. Content and branding are placeholders — pick the direction that fits, and it gets rebuilt around your real business. Best experienced on desktop; all demos also work on mobile.

DEMO — 01
Deep Descent
Scrolling dives the camera forward through layers of content, with a live depth gauge and a darkening ocean.
Best forStorytelling sites, launches, causes, documentaries
Fly-through · Z-axis
DEMO — 02
Gallery Corridor
Scrolling walks you sideways past angled panels, like moving through a drawing archive.
Best forPortfolios, architects, photographers, case studies
Corridor · X-axis
DEMO — 03
Winding Carousel
Scrolling rotates a ring of sections like winding a watch, with a turning wheel behind the content.
Best forLuxury brands, jewellery, spirits, few hero products
Rotation · Carousel
DEMO — 04
Infinite Zoom
Scrolling magnifies, zooming from landscape scale all the way down into the product.
Best forFood & drink, origin stories, "how it's made"
Zoom · Scale
DEMO — 05
Card Stack
Feature cards rise from below and settle into a tilting 3D stack, one idea per card.
Best forSaaS, apps, startups, feature-led landing pages
Stack · Sticky cards
DEMO — 06
Product 360
A real 3D product built in pure CSS rotates in your hands as you scroll, specs fading in around it.
Best forE-commerce, hardware, gadgets, single-product launches
Object rotation · 360°
DEMO — 07
Split-Flap Boards
Panels flip in and fold away like an airport departure board, seam and all.
Best forEvents, conferences, restaurants, schedules & menus
Page flip · rotateX
DEMO — 08
Neon Tunnel
The camera flies through a twisting wireframe tunnel whose colours shift with depth.
Best forCreative agencies, gaming, music, bold youth brands
Tunnel · Fly-through