IEUM FRAME — hotel IA translated into a custom steel bicycle atelier

A portfolio demo for IEUM FRAME, a fictional custom steel bicycle atelier in Mullae. The multi-page experience combines a full-screen hero, glass fit-consult bar, pinned expanding card, category tabs, asymmetric editorial blocks, centered carousel, marquee, and mega menu. This is not a real business.

Live: ononc-ieum-frame.pages.dev

Experience strategy

The customer journey follows a clear progression: choose a frame geometry, understand the making process, book a fit session, and return for long-term care. This structure presents made-to-measure craftsmanship without overwhelming first-time riders.

Motion system

Full-screen hero + glass fit-consult bar — date, rider, frame, and time-slot fields stay visible over the opening imagery
Pinned frame reveal — a steel frame on the jig expands until it fills the viewport
Frame-category tabs — CITY / TOUR / TRACK / MIXTE
Around-the-shop carousel — nearby places, filters, and a 5-second progress bar
Finished-bike marquee — a 40-second loop of complete builds and alley scenes
Mega menu — Frames / Atelier / Fit / Care

Pinned home section where a jigged steel frame fills the screen

Build

Next.js 16 static export, React 19. Every image is Grok Imagine (grok-imagine-image). No SVG generation and no other image tools. Deployed to Cloudflare Pages as ononc-ieum-frame.