
IEUM FRAME — hotel IA translated into a custom steel bicycle atelier
A portfolio demo that translates Crown Park Hotel Seoul's multi-page IA and motion language (full-screen hero, glass booking bar, pinned expanding card, category tabs, asymmetric offers, centered carousel, marquee, mega menu) into a custom steel bicycle atelier in Mullae, not hospitality. This is not a real business.
Live: ononc-ieum-frame.pages.dev
Why this vertical
The existing showcase already covered salon, academy, factory, stay, ceramics, car detailing, apartments, perfume, and dining. A made-to-measure workshop let us keep the hotel's "choose a room, then reserve" path while changing the product to geometry and a fit session.
Motion, remapped
- Full-screen hero + glass booking bar → fit-consult bar (date, rider, frame, slot)
- Pinned Our Rooms reveal → a frame on the jig expanding to fill the viewport
- Room-grade tabs → CITY / TOUR / TRACK / MIXTE
- Around Spots filter carousel with a 5-second progress bar → around the shop
- 40-second Stay The Moment marquee → finished bikes and the alley
- Hamburger mega menu → Frames / Atelier / Fit / Care
Pages
- / home
- /frames and /frames/city|tour|track|mixte
- /atelier
- /fit
- /care overhaul, respray, alignment
- /about and /visit demo form (nothing is sent)
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.
Prices, address, contact details, and people are fictional demo content.
Related projects

ONSUM Sauna — a franchise landing translated into urban baths
Next.js · GSAP · Franchise Landing · Sauna

PAPYEON RADIO — a museum-language site for an independent station
Next.js · Cloudflare Pages · Grok Imagine · museum IA

GYEOL DETAIL CARE — a cinematic scroll film for mobile hand detailing
Scroll Interaction · Cinematic Web · Next.js · Canvas