客人在首頁就能預先點單、到店自取，也能直接訂位、加入會員；連上門店後菜單與價格都是真的。
- 真實菜單與門店
- 線上訂座
- 顧客身分（驗郵箱）
- 會員
- 積分與優惠券
- 網頁直接點餐 · 需要先完成收款設定
連上門店之後，在「掃碼點單」裡還能做
- 桌碼點餐
- 訂單管理
- 後廚看板
範本
挑一個貼近你行業的起點，比從一句話開始快得多 —— 也省得讓 AI 從零寫一遍。
開始做一門生意
一條完整業務流程，不是一個著陸頁：招募頁 → 篩查問卷 → 資格判定 → 約訪談 → 預約 → 訪談小結 → 跟進。入組標準由伺服器確定性求值，時段從真實日程讀回來。
- 預約申請（商家確認後生效）
理髮、美髮、美甲與美容。服務項目、列明收費與線上預約，客人約好時間再來。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
小一至中六的小班補習：按年級篩選的課程時間表、按月收費寫在前面，首頁每個按鈕都指向免費試堂預約。墨綠配螢光筆黃，乾淨、留白充足。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
首屏是機構影片，接著是會員卡式的膠囊入口、服務格、套餐與合作權益。暖沙色配古銅，按數碼名片來排。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
服務包、目的地、清楚的流程，費用寫明由誰收取 —— 加上完整申請表與驗證後可查的「我的申請」。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
體檢套餐、醫生與科室、分步的到院流程，以及諮詢預約。沉靜的沙色，留白充足。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
公開的合作資源、當場給回執號的合作申請、實地考察預約與園區商戶目錄。林間綠配留白，資料只寫園區填過的事實。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
整屏電影感首屏 + 到店面板 + 一個大數字的信任段 + 真二維碼分享。示例是一家景區營運公司，適合酒店、度假區、商業綜合體這類「人在現場」的生意。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
首屏就是「在哪、幾點開門、怎麼導航」那塊面板 —— 掃碼的人多半正站在商場裡。往下才是店裡在展什麼、別人怎麼說、預約設計師陪同。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
醫療健康類。按科室分流、醫生可搜尋、就診須知與網上預約 —— 每處承諾都帶邊界，包括「甚麼情況我們不接」。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
一幅環境人像，三種可約的服務。首頁說清你幫誰解決甚麼，客戶在網站上直接約你的時間，之後自己找回、改期或取消。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
直幅人像加大片留白，安靜而不急。適合顧問、事務所、設計與企業服務 —— 這類生意賣的是人，而首屏的主號召只有一個：預約諮詢。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
議程、講者與報名表。日期、時間與地點寫在最顯眼處，報名前一眼就能看清。
- 活動報名
菜單價目、營業時間與訂位表單。手機上打開就能看菜單、找到地址、打電話。
- 真實菜單與門店
- 線上訂座
- 顧客身分（驗郵箱）
- 會員
- 積分與優惠券
- 網頁直接點餐 · 需要先完成收款設定
連上門店之後，在「掃碼點單」裡還能做
- 桌碼點餐
- 訂單管理
- 後廚看板
暖色編輯風：通欄相片首屏、便當格商品牆與到店資訊。適合選品少、故事長的小店。
- 真實商品
- 購物車
- 線上結帳 · 需要先完成收款設定
- 訂單查詢
健身、體態與復健類。服務項目、價格與線上預約，預約表單會複述你選了什麼。
- 客人可以自己查、改期或取消預約
- 預約申請（商家確認後生效）
讓生意被更多人看到
左邊一句非常明確的價值主張與「索取報價」，右邊是產線畫面；緊接著六個品類與一段產能證據。適合貿易、製造、供應商與 B2B 批發。
面向專業事務所、獨立顧問與專業團隊。寫清你幫誰、客戶甚麼時候來找你、你幫他們做甚麼，下一步是一份查詢表單。
- 留下查詢，直接送到你手上
服務、收費與查詢三件事寫在前面。深青底色、留白克制；聯絡頁問的正是報價之前要問的那兩件事。
- 留下查詢，直接送到你手上
深色底、超大字號與錯落的相片牆。作品、工作室與項目需求表 —— 預算、時間與參考一次問清楚。
- 留下查詢，直接送到你手上
產品與生產能力擺在最前面，配報價表單與應用案例 —— 採購來這裡是要詢價的。
- 留下查詢，直接送到你手上
一張相片都不放：超大排版加一列可查證的事實（成立年份、上線客戶、研發佔比）。圖庫裡的「西裝握手」只會掉價，而這一版靠字與留白建立可信度。
單一目標：註冊。功能、價格與常見問題各一段，全頁只有一個主行動。
- 留下查詢，直接送到你手上
還沒上線的東西。整屏主色首屏、一條橫向字帶與一個電郵框 —— 全頁只有一個動作。
- 留下查詢，直接送到你手上
彩底海報式首屏、大綱、講師與兩檔價格。適合按期開班、名額有限的課。
- 留下查詢，直接送到你手上
深色整屏畫面 + 懸浮參數卡 + 底部超大標題 + 右下角型號切換。一屏之內說清長什麼樣、多強、有幾款。
- 留下查詢，直接送到你手上
一個巨大的數字開場，接支出結構與逐筆明細 —— 捐錢的人第一個問題就是「這事有多大、錢去哪了」。
給團隊用的系統
產品視覺展示
通用高端實體產品頁，運動導演全開：入場、待機、定時節拍、停留、熱點、拖曳探索、捲動沉降都在。
拿一副真實的入耳式耳機做整屏電影感首屏：光在殼上掃過、停留時熱點浮出、點開進微距。捲動只負責換章節，不捲也一直在動。
- 留下查詢，直接送到你手上
深色影棚裏的一件真實物件：轉枱、微距、跟着零件走的熱點。畫不動的瀏覽器上退回一張同一套光渲出來的海報。
- 留下查詢，直接送到你手上
亮底柔光的三維上新頁：一件容器立在無縫背景紙上，配方、用法、規格分三頁說清。適合護膚、香氛、快消。
- 留下查詢，直接送到你手上
橫幅首屏先給空間：一組梳化與茶几放在米白色的日光房間裡。鏡頭在房間裡換站位，傢具本身從不旋轉。
- 留下查詢，直接送到你手上
高調影棚裡的一隻面霜罐，置中放大。指標改變的是光與反射，不是讓罐子跟著轉 —— 質感全靠佈光講。
雜誌內頁的版式：物件壓着版心邊緣往右出血，文字在左窄欄。細節、搭配、下單三頁，適合服飾箱包這類靠眼光賣的東西。
- 留下查詢，直接送到你手上
不對稱的雜誌式裁切，主體偏在一側。幾乎不動 —— 手停在畫面裡夠久，鏡頭才換到另一個機位。