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

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
Pinned home section where a jigged steel frame fills the screen

Pages

  • / home
  • /frames and /frames/city|tour|track|mixte
  • /atelier
  • /fit
  • /care overhaul, respray, alignment
  • /about and /visit demo form (nothing is sent)
Frame collection page for city, tour, track, and mixte

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.

Atelier page covering the jig and fillet brazing

Prices, address, contact details, and people are fictional demo content.

#Next.js#Cloudflare Pages#Grok Imagine#custom bicycle#mega menu