桌機 手機
01正式委託・上線準備中
苗栗客家火鍋與冰品
老屋餐廳的一頁式品牌網站
把老屋、客家火鍋和手作冰品放在同一頁，客人滑完就知道吃什麼、在哪裡、怎麼訂位。
- 先做兩版設計給業主比較，選定後再整理文字
- 餐點、冰品、外送與地點分區，不用來回找
- 訂位走原本的電話與 LINE，不另外加系統
一頁式網站・兩版設計比較・手機優先
打開可操作 Demo先做出能點的網站，再談要不要做
這幾個網站都是先做成可以操作的版本，讓店家用手機實際滑過再決定。每件都放了桌機與手機畫面，也可以直接打開 Demo。
桌機 手機
02提案 Prototype
運動療癒教室
品牌官網＋課表預約示範
想要「不像預約系統、像品牌」的質感。先把課程、老師和教室氛圍講清楚，再把課表和預約接在後面。
- 7 頁：首頁、課程、課表、租借、價目、會員、關於
- 課表可依日期與課程篩選，示範預約、候補與改期
- LINE 登入與付款先做成模擬流程，成交後再串正式帳號
7 頁・課表預約示範・桌機＋手機
打開可操作 Demo 桌機 手機
03提案 Prototype
美甲美睫工作室
作品集篩選＋預約同款
客人多半是看圖決定。作品集照風格分類，看到喜歡的款式可以直接帶著那一款去預約。
- 6 頁：首頁、作品集、服務價目、全科班、關於、線上預約
- 作品依風格篩選、點開放大，從作品直接預約同款
- 四步驟預約流程示範，全科班另有招生頁
6 頁・作品集篩選・預約流程示範
打開可操作 Demo 桌機 手機
04提案 Prototype
遊覽車與旅遊交通
官網改版，四個方向讓客戶選
客戶說不出想要什麼風格，就做四個完整方向讓他直接比較。每一版都能點，不是只有一張圖。
- 全幅風景、明信片、旅程路線、報紙風，各 4 頁
- 其中一版轉成 WordPress Elementor 範本，逐項比對文字、連結與圖片
- 首屏就放 LINE 訂車與電話，查詢不用往下找
4 個設計版本・Elementor 交付包
打開可操作 Demo 桌機 手機
05提案 Prototype
地板建材與施工
完工案例庫＋公開價格
買地板的人想先看實際鋪起來的樣子，也想先知道大概多少錢。案例和價格都放到前面。
- 7 頁：首頁、案例庫、花色、地板種類、價格、施工流程、預約
- 案例可依地板種類與花色篩選，花色用案場實景當色票
- 價格頁可自己試算，再預約門市或到府丈量
7 頁・案例篩選・估價試算
打開可操作 Demo 桌機 手機
06提案 Prototype
手作客製蛋糕
四個首頁風格，讓店家挑方向
從 IG 看不出店家偏好哪種風格，所以同一份內容做成四個首頁方向，讓店家用手機滑過再選。
- 四個首頁方向，內容相同、風格不同
- 作品依「送給誰」篩選，點開可放大
- 線上訂製單整理好口味與取貨時間，送出帶到 LINE
4 個首頁方向・訂製單示範
打開可操作 Demo「提案 Prototype」是成交前先做給店家看的可操作版本，店名不在這裡列出；畫面中的照片取自店家公開社群，只用於提案展示，價格、課表等為示範資料。預約、登入、付款等功能在 Demo 中是模擬流程，正式上線前會再確認需求與串接。
常見問題
看作品前，常被問到的四件事
- 「提案 Prototype」是什麼？
- 是成交前先做給店家看的可操作版本，讓店家用手機實際滑過再決定要不要做；店名不在這裡列出。
- 畫面中的照片、價格與課表是真的嗎？
- 照片取自店家公開社群，只用於提案展示；價格、課表等為示範資料。
- Demo 裡的預約、登入和付款可以實際使用嗎？
- 不行。預約、登入、付款等功能在 Demo 中是模擬流程，正式上線前會再確認需求與串接。
- 想先看一版自己店的網站，要準備什麼？
- 給我你的 IG 或現在的網站，先說說客人最常問什麼、最後在哪裡下單。
方案與做法