Sumi & Sel
A website for a twelve-seat French-Japanese tasting counter in Saigon, from the first idea to a working booking calendar. 為西貢一間十二席法日料理吧台製作的網站，從最初的構想到可以實際操作的訂位日曆。
- Type類型
- Concept (not a real restaurant)概念作品（並非真實餐廳）
- What I did我負責
- Research, design, writing and build研究、設計、文案與製作
- Languages語言
- English and Vietnamese英文與越南文
- Year年份
- 2026
The brief需求
Sumi & Sel isn't a real restaurant. I wrote myself the kind of brief a small, high-end restaurant might bring me, then built the site as if it were going live. Sumi & Sel 並不是真實的餐廳。我替自己寫了一份小型高級餐廳可能會提出的需求，然後當作真的要上線一樣把網站做出來。
The problem: a counter with twelve seats and one seating a night has to fill every seat, and there's nobody spare to answer messages. Guests need to know the price, the menu and the house rules before they book, and many of them read Vietnamese first. 要解決的問題：一個只有十二個座位、每晚只有一輪的吧台，每個座位都必須坐滿，卻沒有多餘的人手回覆訊息。客人在訂位前需要知道價格、菜單和店內規定，而且很多客人習慣先看越南文。
So the site had to:所以這個網站必須：
- make someone want to sit at that counter within the first few seconds,在前幾秒就讓人想坐到那個吧台前，
- let them book a seat on a phone in about a minute, without messaging anyone,讓客人用手機大約一分鐘就能訂位，不用傳訊息給任何人，
- answer the usual questions (price, allergies, deposit, what to wear) before they're asked,在客人開口之前，就回答常見問題（價格、過敏、訂金、服裝），
- work fully in English and Vietnamese.完整支援英文與越南文。
What I studied我參考了什麼
Before designing anything, I looked closely at three restaurant websites and wrote down what to borrow and what to avoid. 開始設計之前，我仔細研究了三間餐廳的網站，記下哪些值得借鏡、哪些要避免。
- noma
- Photography fills the whole first screen, and booking is a plain word in the top bar. I kept both, but went darker and more intimate: a candlelit charcoal counter isn't a daylight garden. 整個第一屏都是照片，訂位只是頂部選單裡一個簡單的字。我保留了這兩點，但改得更暗、更私密：燭光下的炭火吧台和白天的花園是不同的氣氛。
- Eleven Madison Park
- The chef is shown at work, not posing, and the interface stays out of the way. I moved the chef's story below the food, so the first impression is the plate and the fire. 主廚是在工作中被拍下，而不是擺姿勢，介面也很低調。我把主廚的故事放在料理之後，讓第一印象是盤中的菜和炭火。
- Ănăn Saigon
- A local, Michelin-starred restaurant, and proof that Saigon diners book online. Its site is loud, with neon, badges and capitals everywhere. I went the other way, because a quiet site stands out in that market. 一間在地的米其林星級餐廳，證明西貢的客人會在網路上訂位。它的網站很熱鬧，到處都是霓虹、徽章和大寫字母。我反其道而行，因為在那樣的環境裡，安靜的網站反而更突出。
What I decided, and why我的決定與原因
Open on the fire以炭火開場
Film of the charcoal fire, the name and one line. “Reserve a seat” sits right under it. 炭火影片、店名和一句介紹。「訂位」就在正下方。
Say the price plainly直接標明價格
The first thing guests want to know. Courses read as a story, prices in plain view. 價格是客人最想先知道的事。料理以故事呈現，價格清楚列出。
Book without a phone call不用打電話就能訂位
Three steps: evening, details, confirm. Seats left are shown on every night. 三個步驟：選日期、填資料、確認。每晚剩餘座位一目了然。
Two languages, one tap兩種語言，一鍵切換
Everything in English and Vietnamese. It picks the visitor's language and remembers a switch. 所有內容都有英文與越南文，會自動選擇訪客語言並記住切換。
Around the site網站一覽
Sumi & Sel
-
Home page首頁
-
The courses, in order依序呈現的料理
-
Booking calendar訂位日曆
-
The chef's story主廚的故事
-
Private evenings包場夜晚
Where it stands目前成果
Because Sumi & Sel is a concept, there are no bookings to report. For a real restaurant, I'd measure two things: how many bookings come through the site instead of messages and calls, and how many guests don't turn up. 因為 Sumi & Sel 是概念作品，所以沒有實際的訂位數據。如果是真實的餐廳，我會追蹤兩件事：有多少訂位是透過網站而不是訊息或電話完成的，以及有多少客人沒有出現。
The next step for a real client would be the automation side: bookings landing straight in the restaurant's calendar, and a reminder sent to each guest the day before. 如果是真實客戶，下一步就是自動化：訂位直接進到餐廳的行事曆，並在前一天自動提醒每位客人。
Want something like this for your business?想為你的店做一個這樣的網站嗎？
Start a project開始合作 Visit the site瀏覽網站 (opens in a new tab)（在新分頁開啟）