CA
Business Website · Hospitality · UI/UX

SAYU · 사유

A calm, bilingual home for a contemplative café, gallery and rooftop in Haebangchon, Seoul.

Role
Product concept, UI/UX design and development.
Status
Status not confirmed
Technologies
ReactTanStack StartSupabaseRealtimeTailwind
01 /

Overview

SAYU (사유) is a café and cultural space where coffee, art, wellness and quiet reflection meet. Inspired by the building's architectural simplicity, I designed a digital experience that carries the atmosphere of the physical place into the browser: editorial typography, generous whitespace, architectural photography and soft neutral tones. Visitors can meet the philosophy, wander the spaces, read the menu and order from their phone — and behind the counter, a simple admin workspace keeps orders and content in order. More than a café website: a moment to pause.

One experience across screens — laptop and phone heroes above; philosophy, spaces, menu, visit, checkout and live order status below.
02 /

The problem

How do you translate a physical atmosphere into a digital experience? A café like SAYU lives on its architecture, its light and its quiet, and a conventional café website — promotional banners, crowded menus, competing visual elements — would undo exactly what makes the space worth visiting. On top of that, Haebangchon guests arrive speaking both Korean and English, and ordering a drink should not mean downloading another app.

The solution

A digital sanctuary built around simplicity, atmosphere and function. The site leads with imagery and restrained typography instead of promotion, guides visitors from philosophy to spaces to menu to visit information, and keeps one visual identity across Korean and English. Ordering stays in the same visual language: choose, review, add your details, submit — then watch the status until it's ready at the counter. Staff get a matching admin dashboard for live orders, menu content and gallery imagery, so the customer experience and the day-to-day operations come from the same design.

03 /

Key features

  • Immersive, photography-led homepage with minimal navigation
  • Brand philosophy and storytelling in editorial layouts
  • Interactive space gallery — café, gallery, wellness room and rooftop
  • Korean-English experience that keeps one visual identity
  • Minimalist digital menu with clear categories, imagery and pricing
From phone to counter — the four-step service flow, the sound-enabled admin queue, and the status page a guest keeps open.
  • Mobile ordering — select, review, add details, submit
  • Order confirmation with live status until collection
  • Admin dashboard for incoming orders and preparation
  • Content management for menu and gallery
  • Visit information with hours, address, transit and the Namsan rooftop view
The system underneath — warm neutrals, Noto Serif KR and Noto Sans KR, order status labels, and the back-of-house panels for staff, inventory and schedule.
04 /

My Role & Outcome

Product concept, UI/UX design and development.