top of page

形象網站

七原香日式咖哩官網

透過網站可以快速瀏覽餐點及餐廳資訊

2025

未命名的设计 (3).jpg

背景與目的

找了自己比較熟悉的餐廳,根據下單的流程及體驗,我注意到店家使用兩種訂餐app,原本app缺少很多餐點項目,而現在的app缺少圖片輔助。

​而想要直接到餐廳用餐的客人,因為沒有餐廳環境照,則會不知道用餐環境,再加上店家喜歡將各種公仔擺放在店裡,我認為有很多公仔也是餐廳的特色。

餐廳會更換優惠餐點,但除了實體店有比較明顯的宣傳外,訂購app在優惠餐點上較不明顯,所以在網站上需在最上面就放上banner​。

需要放餐點優惠banner/形象照的區域

​❷網站中需要完整的餐點項目及餐點圖片

➌需要補充餐廳環境照片​

01

導覽列

導覽列固定在頁面頂端方便用戶進入網頁後隨時能下單,引導客人電話聯繫或線上點餐。

Desktop - 1.png
iPhone 16 - 1.png
Desktop - 1.png

02

菜單

​建立品項選單分類,讓客人能快速找到想查看的餐點,避免滑動過長,節省時間。手機因版面寬度,選單則使用左右滑動的方式,保留與電腦版一致的操作。

iPhone 16 - 1.png
選單icon-手機板.png

03

餐廳資訊

餐廳的環境照讓用戶能夠知道用餐環境,並在最後提供餐廳資訊。

Desktop - 1.png
iPhone 16 - 1.png

設計規範

Color

#EDB41D

#231816

#FFFFFF

Font

Frame 72.png

Elements

按鈕1.png

:一般狀態

​:懸浮狀態

Frame 48.png
Frame 49.png
Frame 73.png

:一般狀態

​:選取狀態

未命名 (3000 x 4000 像素).gif
未命名的设计.gif
未命名 (3000 x 4000 像素) (1).gif

Grid System

螢幕擷取畫面 2025-07-03 190938.png

Desktop

螢幕擷取畫面 2025-07-03 190954.png

Mobile

Desktop - 1.jpg
Frame 48.png

© 2025 by YUYUN

bottom of page