區域
台北
品牌
暮酌餐酒館 Dusk Craft House
分類
餐飲官網
DESIGN APPROACH
從品牌需求,到閱讀體驗。
先看餐桌,再安排相聚
暮酌的首頁從料理開始。炙燒松阪豬、酥炸軟殼蟹與煙燻鴨胸依序展開,先讓訪客認識餐點,再往下查看飲品、空間與訂位方式。網站的目標,是把一場聚餐需要確認的事情放在順手的閱讀路徑上。
讓照片與菜單各自說清楚
首段採用橫向照片帶,菜名放在照片下方,保留盤緣、料理質地與桌面的暖色光線。照片負責呈現餐桌氣氛,後續菜單則用清楚的品名、說明與價格承接;兩者分開安排,讓看圖與查資料都有適合的篇幅。
餐桌空間放在菜單之後,讓讀者看過想吃的料理,再想像相聚的場合。訂位需求、營業時間及來訪問題接續出現,形成從認識風味到確認安排的流程。
桌機看組合,手機逐道閱讀
桌機同時露出數張料理照片,便於觀看整體風格;手機保留較大的單張畫面,下一張局部露出,提示可以繼續橫向瀏覽。菜名維持在圖外,手指滑動時仍能辨識每道餐點。往下閱讀即可找到完整菜單與訂位需求入口。
可以細看的地方
暖白底色與料理照片的木質色調相互呼應,導覽直接指向菜單、空間及訂位區。餐點圖、價格資訊與聯絡安排各有位置,讓品牌氣氛和實用資訊共同構成首頁。
專案工作範圍
- 設計範圍
- 內容架構/網站視覺/響應式頁面
- 主要任務
- 從料理橫幅到餐桌空間,安排一場聚餐的閱讀順序
RESPONSIVE VIEWS
把每個尺度,都設計完整。
共 2 張・點圖可放大滑看
同一個品牌,兩種閱讀尺度。
桌機保留資訊全貌;手機讓內容依序展開。點選畫面可放大查看。
NEXT PROJECT
讓你的品牌,也有清楚的網站。
告訴方格你喜歡的設計細節,以及希望網站解決的問題。



