暮酌|餐酒館品牌官網桌機首頁

餐飲官網

暮酌|餐酒館品牌官網

從料理橫幅到餐桌空間,安排一場聚餐的閱讀順序

  • 餐飲
  • 菜單資訊
瀏覽實際網站討論類似的專案

區域

台北

品牌

暮酌餐酒館 Dusk Craft House

分類

餐飲官網

DESIGN APPROACH

從品牌需求,到閱讀體驗。

先看餐桌,再安排相聚

暮酌的首頁從料理開始。炙燒松阪豬、酥炸軟殼蟹與煙燻鴨胸依序展開,先讓訪客認識餐點,再往下查看飲品、空間與訂位方式。網站的目標,是把一場聚餐需要確認的事情放在順手的閱讀路徑上。

讓照片與菜單各自說清楚

首段採用橫向照片帶,菜名放在照片下方,保留盤緣、料理質地與桌面的暖色光線。照片負責呈現餐桌氣氛,後續菜單則用清楚的品名、說明與價格承接;兩者分開安排,讓看圖與查資料都有適合的篇幅。

餐桌空間放在菜單之後,讓讀者看過想吃的料理,再想像相聚的場合。訂位需求、營業時間及來訪問題接續出現,形成從認識風味到確認安排的流程。

桌機看組合,手機逐道閱讀

桌機同時露出數張料理照片,便於觀看整體風格;手機保留較大的單張畫面,下一張局部露出,提示可以繼續橫向瀏覽。菜名維持在圖外,手指滑動時仍能辨識每道餐點。往下閱讀即可找到完整菜單與訂位需求入口。

可以細看的地方

暖白底色與料理照片的木質色調相互呼應,導覽直接指向菜單、空間及訂位區。餐點圖、價格資訊與聯絡安排各有位置,讓品牌氣氛和實用資訊共同構成首頁。

專案工作範圍

設計範圍
內容架構/網站視覺/響應式頁面
主要任務
從料理橫幅到餐桌空間,安排一場聚餐的閱讀順序

RESPONSIVE VIEWS

把每個尺度,都設計完整。

共 2 張・點圖可放大滑看

同一個品牌,兩種閱讀尺度。

桌機保留資訊全貌;手機讓內容依序展開。點選畫面可放大查看。

桌機|以圖片比例、標題與留白安排第一眼的閱讀順序。
手機|保留內容層級,讓圖片、說明和下一步入口一起閱讀。

NEXT PROJECT

讓你的品牌,也有清楚的網站。

告訴方格你喜歡的設計細節,以及希望網站解決的問題。

討論類似的專案