買斷式網站案例

專業婚禮顧問團隊｜從 0 到完美婚禮，全程陪你走過

從流程規劃、婚禮顧問、主持配對，到婚禮小物與線上課程，把新人最常卡關的事集中在同一站。
服務方案用「項目條列＋價格比較」呈現，先看懂差異再決定要不要諮詢。
想找合作廠商也有整理好的推薦清單，可直接點「詢問報價」導到 LINE。
需要配對與報價，直接填預約表單，讓需求一次講清楚。

預約免費諮詢看看這個網站

CLIENT

燈塔婚禮

INDUSTRY

婚禮產業
|
活動顧問

客製化版型設計

背景與挑戰

Challenge & Solution

把婚顧服務做成「可理解、可比較、可立刻行動」的備婚平台，降低新人焦慮與搜尋成本。

品牌在首頁直接定義：從 0 開始陪新人完成夢想婚禮，並把服務範圍延伸到方案、主持配對、線上課程與婚禮周邊。
服務頁用比較表把三種主力方案拆解（企劃主持／婚禮顧問／婚禮統籌），並提供「免費詢問配對顧問」作為行動入口。
主持團隊頁以「不尷尬炒氣氛、重視節奏與情緒」為價值主張，並列出總監與主持人資歷，建立信任。
同站也提供課程與選品/合作品牌清單，讓備婚資訊與資源可集中取得。

新人需求很分散（想找婚顧、想挑主持、想找廠商、想補禮俗知識），要在首頁就完成分流並把詢問收斂。

「婚顧」很容易被誤解成流程助理，需要在第一屏就講清楚價值與範圍。
方案選擇焦慮：新人最怕不知道差在哪、怕被報價話術帶走，因此需要透明的比較表與具體條列。
廠商名單信任問題：需要說清楚「非業配、實際合作推薦」，並提供快速詢問入口。
線上課與單堂內容要能被「快速加入購物車」，讓想自學的人直接走購買路徑。
內容型入口目前不穩：好文分享頁顯示找不到內容，若要靠內容導流需要補上文章或修正連結。

Solution

打造「方案透明比較 → 配對諮詢 → 團隊信任 → 廠商推薦/課程補知識」的一站式備婚轉換架構

資訊架構怎麼重整：主選單以「服務方案／團隊介紹／燈塔推薦（廠商/好物）／課程總覽／預約表單」做第一層分流，對應新人最常見的五種任務。
轉換流程怎麼縮短（CTA/表單/登入/購買）：
- 首頁兩個主 CTA：立即預約專屬服務、了解婚禮線上課程，先把行動收斂。
- 服務頁用比較表＋固定 CTA「免費詢問配對顧問」，把「了解方案 → 詢問」縮短到同頁完成。
- 預約表單把需求結構化（婚期、午/晚宴、所需服務類別等），降低溝通來回。
哪些功能被整合到同一站（課程/報名/付款/會員/自動化）：
- 服務商品化：企劃主持／婚禮顧問／婚禮統籌三方案清楚條列與價格呈現。
- 團隊展示：主持人團隊頁提供角色（總監/主持人）與資歷描述，補齊「選人」決策資訊。
- 課程銷售：課程列表可見單堂售價與「加入購物車」。
- 推薦導流：合作品牌清單強調非業配，並統一「詢問報價」導到 LINE。
行動裝置（RWD）怎麼優化：採用可變字級（clamp）與卡片式列表（商品/課程），行動端可維持可讀性與可點擊性。

8WK

開發週期

100%

RWD 適配

設計系統

因為婚禮產業需要「溫柔、浪漫、乾淨」的第一印象，所以整體以奶油米白底＋暖杏色主色，讓畫面溫度足夠但不厚重。
因為頁面同時有服務、商品、課程多種內容，所以用一致的字體階層：標題用襯線（更有儀式感），內文用無襯線。
因為 CTA 需要醒目，所以按鈕以主色底＋深色 hover 製造明確互動，讓「預約/加入購物車/詢問」都很容易被看見。

Typography

Marcellus (Headings)

Lato (Body)

主要顏色

背景顏色

次要顏色

文字顏色

介面設計

Visual Showcase

首頁節奏：Hero（定位＋兩個主 CTA：立即預約/了解課程）→ 「婚顧服務怎麼幫助你」先釐清價值 → 會員 Join Us → 婚禮專業服務 → 精選周邊商品 → 合作廠商推薦→ 主持團隊介紹 → 線上課程區（可瀏覽/加入購物車）→ 信任區塊（真心推薦/追蹤社群/聯絡）。
元件語言：
- 方案頁以「價格＋條列」做可比對閱讀；資訊密度高但掃讀成本低。
- 推薦清單採商品/服務卡片＋統一 CTA「詢問報價」，把導流動作一致化。
- 課程列表提供單堂價格與加入購物車，符合「想先補知識」的快速轉換。
行動版策略：以「切換功能表縮短導覽、以卡片列表承接商品/課程；CTA 文字明確（預約/加入/詢問），降低誤點。
為什麼這樣設計：備婚最大的痛點不是資訊不足，而是資訊太多太雜，所以用「分流導覽＋方案透明＋推薦名單＋結構化表單」把決策成本降到最低，讓新人更快進入可執行的下一步。