CA
Back to projects
Cafe · Gallery · Wellness

SAYU · 사유

A bilingual website and live ordering system for a Seoul wellness cafe.

Overview

SAYU (사유 · contemplation) is a wellness cafe, gallery and rooftop in Haebangchon, Seoul. The site translates the physical space into a quiet bilingual experience — a contemplative landing, a guided tour through each floor, a signature menu, and a live ordering flow that connects guests to the counter in real time.

The problem

SAYU needed an online presence that matched the calm of the physical space, worked in both English and Korean for an international Haebangchon audience, and let guests order from the counter without breaking the atmosphere with a third-party app.

The solution

A bilingual TanStack Start site with a slow, image-led narrative; a typographic menu with cart and checkout; a live order pipeline with a sound-enabled admin dashboard for baristas; and a confirmation page guests keep open to watch their order status update in real time.

Key features
  • Cinematic bilingual landing (EN / 한국어)
  • Philosophy and space narrative across 1F, 2F and rooftop
  • Editorial menu with signature, coffee and seasonal sections
  • Cart, checkout and guest name capture
  • Live order status page with real-time updates
  • Admin dashboard with audible new-order chime
  • Order, menu and gallery management tabs
  • Visit page with hours, address and transit
  • Responsive design tuned for mobile-first browsing
Gallery
Hero — 사유 · contemplation. A slow bilingual entry into the space.
Hero — 사유 · contemplation. A slow bilingual entry into the space.
Philosophy — the art of being present, told through the interior of the cafe.
Philosophy — the art of being present, told through the interior of the cafe.
Spaces — a narrative tour across the building, floor by floor.
Spaces — a narrative tour across the building, floor by floor.
2F — gallery, library and wellness room with a moss-framed meditation space.
2F — gallery, library and wellness room with a moss-framed meditation space.
Rooftop — Namsan view, best at sunset.
Rooftop — Namsan view, best at sunset.
Menu — editorial typography with signature, coffee and seasonal sections.
Menu — editorial typography with signature, coffee and seasonal sections.
Visit — hours, address and transit, with a quiet hero line in both languages.
Visit — hours, address and transit, with a quiet hero line in both languages.
Checkout — order summary, guest name and optional requests.
Checkout — order summary, guest name and optional requests.
Confirmation — live order status that updates the moment the counter marks it ready.
Confirmation — live order status that updates the moment the counter marks it ready.
Admin — live orders with audible chime, plus menu and gallery management.
Admin — live orders with audible chime, plus menu and gallery management.
Selected work
AI Education Platform

PrepSet

Psychology-Based Social Platform

SYNC

AI Language Learning Platform

한 (Han) — AI Korean Tutor