文章總結:玩法很直接——找評價好但沒有網站的小店,用 AI 做一個「看起來很貴」的單頁網站,直接寄成品連結過去。本指南包含五步流程、完整的網站規劃指令、誠實的技術限制(讓你不會亂承諾),以及怎樣真正收到錢。
一、為什麼這是門好生意
單頁網站(one-page site)對咖啡廳、美容院、健身房、貿易商來說,行情價約 800–5,000 美元(約 6,200–39,000 港幣)。而大多數本地小店要嘛完全沒有網站,要嘛停留在十年前的水準。如果你能靠一次 AI 對話做出品質足以收費的網站,你就擁有了別人願意付錢的東西。
價格參考:簡單的單頁網站(含客製視覺)常見 800–2,500 美元;含預約或點餐系統可到 5,000 美元以上。報價報成果,不要報工時。
二、五步流程
第一步:找到需要網站的那間店
這一步決定了它是一門生意,還是一次好玩的練習。打開 Google Maps,找「評價很好、但沒有網站(或網站很舊)」的本地店家。這些老闆已經有需求,只是在網路上隱形——一個漂亮的網站對他們來說是「立刻說好」的提案。
- 在地圖搜尋某個類別(咖啡、髮型屋、美甲、牙醫、健身房、裝修)。
- 找評價高、但「網站」欄位是空的或失效的——那個缺口就是機會。
- 截一張他們產品/服務的照片(地圖、IG、評論都可以),之後用來引導視覺方向。
- 記下公開資訊:店名、賣什麼、地址、營業時間、價位,以及兩三句最佳評論。
挑一間你真的會自豪地寄出去給對方的店。有真實評價卻沒有網站的店家,是完美的第一個客戶——你寄出連結的瞬間,他們立刻看到自己缺了什麼。
第二步:設定 ChatGPT 並安裝 Higgsfield 外掛
讓 ChatGPT 同時負責「規劃網站」與「生成視覺」:
- 用桌面版 ChatGPT,選用你可用到最強的模型,並把思考(reasoning)調到高——這是成品「精品感」而非「模板感」的關鍵。強模型需要付費方案(Plus 約每月 20 美元),賣出第一單就回本。
- 開通 Higgsfield 的 3 天免費試用(僅限新用戶,試用結束會自動轉為付費方案,記得設提醒取消)。
- 在 ChatGPT 的外掛目錄搜尋 Higgsfield,連接後即可在對話中直接生成圖片與影片。
第三步:先「偷」一個高級感的參考
在生成任何東西之前,先教 ChatGPT 什麼是「高級」。找一個你喜歡的視覺(一支廣告、一個 hero 動畫、甚至影片裡那個漢堡組裝的片段),截圖貼進對話,讓 ChatGPT 逆向拆解它:
請像一位創意總監一樣分析這張參考視覺,產出一份「生成配方」:
1. 主體與構圖
2. 光線與氛圍
3. 色票(附十六進位色碼)
4. 鏡頭行為
5. 讓它看起來昂貴的那一個關鍵轉變
然後,把這份配方改寫成適用於「我的客戶產品」的 Higgsfield 影片提示詞:
保持同樣的質感與能量,但必須原創、符合這個品牌,單一連續鏡頭、
無剪接、鏡頭鎖定、乾淨背景、最高可用解析度。
這一步就是你的成品不會「看起來很 AI」的原因——你不是在要求「一段好看的漢堡影片」,而是在給外掛一份逐鏡配方,內容是你的客戶真實的產品。
第四步:貼上網站規劃指令(引擎所在)
把第一步收集的店家資料,連同以下指令一起貼給 ChatGPT,讓它先採訪你、再產出完整的網站規劃:品牌方向、頁面結構、真實文案、每一張視覺的拍攝清單。它缺什麼會問你。
你是一位資深品牌與網頁設計師,同時也是無程式碼實作專家。
我要為一家本地小店製作一個「看起來花了好幾千美元、而且真的能用」的
高級單頁網站(表單、預約、收款都要接上真實工具)。
店家資料:[一句話描述:店名、賣什麼、所在城市、氛圍]
開始規劃之前,先分批向我追問你缺的資訊:提供的產品/服務、地點、
營業時間、大概價位、希望客人有的感受、是否有現有品牌色或標誌、
目前如何接洽(電話、私訊、Walk-in、預約軟體)。等我回答後再繼續。
然後依序產出:
1. 品牌方向:字標處理、4–5 色色票(十六進位碼,要誘人且高級,
不要通用)、兩組字型搭配(一組展示字、一組內文字,
限 Google Fonts 免費字型)、一句品牌語氣。
2. 頁面地圖:單頁高級著陸頁的各區塊順序與各自任務:Hero、
招牌商品或服務、故事/工藝、社會證明、地點與營業時間、
明確的呼籲行動。只要小店真實需要的,不要灌水。
3. Hero 時刻:描述一個高級、隨滾動驅動的動畫 Hero,讓網站看起來昂貴,
而且完全符合這間店的調性。必須是單一連續鏡頭、隨訪客滾動播放
(餐飲店:產品自行組裝,讓客人看到裡面有什麼;髮型屋/健身房/
裝修業請自行改編)。具體說明畫面內容、如何運作、為何適合。
4. 文案:每個區塊的完整品牌文案,包含標題、副標、商品說明、故事、
社會證明、呼籲行動。不得使用 Lorem ipsum 或填充文字。
5. 視覺素材簡報:列出網站需要的每一張圖片與動畫,每項寫成
可直接執行的 Higgsfield 生成提示:滾動 Hero 動畫、3–6 張產品或
服務照、一張氛圍或內裝照、品牌質感素材。每項指定主體、構圖、
光線、氛圍、長寬比,讓整套看起來像同一場拍攝。
6. 功能規劃:先以一到兩句白話說明「單一靜態 HTML 頁面無法自行
儲存資料、寄信、接收預約或收款,每個動態功能都要接上一個具名的
第三方工具」。然後問我這間店真實需要哪些:聯絡表單、預約、
線上點餐、收款、地圖、分析、電子報。只針對我勾選的項目,給出:
這個工具做什麼、具體工具名稱、如何接到靜態頁面、2026 年真實價格、
誠實的限制。
7. 建置說明:行動優先的版面重點、每個視覺與功能嵌入的位置、
頁面標題與 SEO 描述、無障礙基礎(對比、alt 文字、點擊目標大小)、
效能注意事項、Hero 動畫的網頁優化(壓縮、無法捲動時自動播放的
靜音迴圈、行動版輕量版)。
8. 交接包:把最終網站寫成一份單一、乾淨、註解完整的 HTML 檔案,
讓不懂技術的老闆以後也能用 ChatGPT 維護。所有可編輯文字
(店名、營業時間、價格、電話、菜單)集中放在檔頭一個標示清楚的
區塊;每個功能嵌入(表單、預約、付款、地圖、分析、電子報)都要有
清楚標籤。檔案最上方加一段白話註解「如何編輯你的網站」。
提示:方括號裡的描述越具體越好——「一家位於 [城市] 的柴燒漢堡店,走精緻路線,客群是重視食材來源的人」得到的規劃,遠勝「一間漢堡店」。
第五步:生成視覺 → 建置 → 上線 → 寄出去
- 先生成 Hero 動畫(它是賣出整間店的關鍵):用第四步的拍攝清單,逐條在 ChatGPT 中執行 Higgsfield 生成。
- 生成搭配的照片組:同一光線、同一背景、同一風格,讓整套素材看起來像一次專業拍攝——一致性就是「昂貴感」的來源。
- 請 ChatGPT 把整個網站寫成單一 HTML 檔案(附乾淨 CSS、保留素材 placeholder、Hero 隨滾動驅動、行動優先)。
- 免費上線:把整個專案資料夾(HTML 檔與素材資料夾要放一起)丟上 Netlify Drop 或 Cloudflare Pages,立即獲得 live link。客戶要用自己的網域就另買,一年約 10–20 美元。
- 寄給店家:「我幫你的店做了一個網站,沒有附帶任何條件,這是連結。」一個他們看得到的成品,勝過任何銷售話術。
寄出前:先在你自己手機上打開 live link 測試——桌面版滾動驅動流暢,但多數手機只會播放靜音自動迴圈(效果依然很好)。若要桌面版更流暢,請 ChatGPT 以密集關鍵影格重新編碼 Hero 影片。
三、誠實的限制(讓你不會亂承諾)
靜態網頁本身無法做的事:儲存資料、寄信、接收預約、處理付款。這些都靠外掛小工具完成:
- 聯絡表單:Formspree(每月免費 50 筆)或 Netlify Forms(免費)
- 預約:Calendly(免費 1 種活動類型)或 Square Appointments(個人經營免費)
- 收款/點餐:Stripe 付款連結(約 2.9%+30 美分)或 Square Online(免費方案,每單約 3.3%+30 美分)
- 地圖:Google Maps 免費嵌入
- 分析:Google Analytics 4 或 Cloudflare Web Analytics(免費)
- 電子報:Kit(前 ConvertKit,免費至 10,000 訂閱)或 Mailchimp(免費 250 聯絡人)
報價時誠實:建置是一筆費用,營運工具(網域、成長後的高級方案)是客戶的持續成本。表單一旦收集姓名或 email 就屬於個人資料——只收集必要欄位,並在表單旁加一行隱私說明。免費額度與價格會變動,承諾數字前先查各工具官網。
四、怎麼真正收到錢
- 先做一件放在架上(on spec):挑一間你喜歡、但網站很爛(或沒有)的店,做好寄出冷開發信——他們看得到的成品就是你的提案。
- 報價報成果:單頁高級網站行情 800–2,500 美元,含預約/點餐系統可到 5,000 美元以上。
- 提供維護方案:每月小額月費,負責更新、季節性照片、代管——這是自由工作者最常忘記賣的經常性收入。
- 讓作品自己賣:貼出前後對比。一個下午做好的高級網站,本身就是完整的作品集與廣告。
下一步
想有系統地學習以 AI 建立副業或提升工作能力,歡迎查看最新課程及活動,或查詢一對一諮詢。
資料來源
- Higgsfield ChatGPT 外掛:3 天免費試用(新用戶)
- Formspree/Netlify Forms/Calendly/Square Appointments/Square Online/Stripe/Google Maps/GA4/Cloudflare Web Analytics/Kit/Mailchimp 官方定價頁(2026 年價格,以各官網為準)
- Netlify Drop/Cloudflare Pages:免費靜態代管