買斷式網站案例

打造「讓客戶主動說 YES」的自動化銷售漏斗網站

這是一個專為教育培訓產業設計的高轉換率名單收集系統。我們協助 YES 影響力學院將「線上研討會」報名流程標準化，透過影音預熱與三步驟引導，讓訪客在進入 Zoom 會議前就已建立高度信任。解決了過去手動整理名單的繁瑣，實現全自動化的學員招募與管理。

YES影響力學院

客製化版型設計

Challenge & Solution

學院主張教育不只是一堂課，而是一段持續陪伴的旅程，包含線上課程、直播互動、課後輔導與線下活動等。
內容主軸涵蓋顧問式銷售、心理/動能、關係與財商等面向，並以課程作為主要產品入口。
同站同時提供諮詢服務與購物商城，擴展學員在「學習之外」的支援情境。

Solution

我們運用「分段式承諾（Micro-Commitments）」心理學與 WordPress 技術解決上述挑戰：

資訊架構重整（The 3-Step Funnel）：將複雜的報名流程拆解為清晰的「三步驟」——1.觀看影片建立連結、2.加入社群持續保溫、3.填寫問卷獲取資格。這降低了訪客心理門檻，確保進入直播間的都是高品質名單。
強化行動呼籲（CTA）與視覺焦點：利用深藍色（Trust Blue）作為主色調，搭配高對比的白色背景與金色/橙色強調重點（如「直播時間」），引導視線聚焦於影片與報名表單。
整合 Zoom 與表單自動化：將 Zoom 會議連結與自動回覆系統整合在同一頁面，報名成功後直接顯示會議資訊，並同步收集 Email 至行銷名單。
極致的 RWD 行動優化：針對手機版特別調整影片播放器尺寸與字體行距，確保在移動端也能流暢觀看「喚醒天賦」影片並輕鬆填寫表單。

6 WK

開發週期

100%

RWD 適配

為了呼應「影響力」與「專業銷售」的品牌特質，設計系統採用了象徵權威與智慧的「深海藍」為主軸。版面捨棄花俏裝飾，改用大量的留白（Whitespace）與卡片式設計（Card Design）來收納資訊，讓長篇的銷售文案讀起來像在聽故事，而非看廣告，進而提升使用者的閱讀耐心與填表意願。

‘Noto Sans TC’ (Headings)

‘Noto Sans TC’, (Body)

Visual Showcase

首頁節奏與動線：採用「Hero Video」策略，首屏即放置林裕峯老師的影片，利用動態影像第一時間抓住注意力。接著以「1、2、3」的大型數字圖標引導視覺動線，讓使用者清楚知道「接下來該做什麼」，消除不確定感。
元件語言：按鈕採用方正但帶有微導角的設計，傳遞穩重感。卡片區塊（如直播時間資訊）使用了輕微的陰影（Box Shadow）使其浮起，與背景區隔，強化資訊層級。
行動版策略：在手機版上，我們將並排的圖文區塊改為單欄垂直排列，並加大了表單輸入框的高度（Touch Target），防止手指誤觸。同時隱藏了非必要的裝飾元素，讓載入速度更快，確保潛在客戶在零碎時間也能完成報名。
轉換設計：在表單區域右側（桌機版）或上方（手機版）放置具備急迫性的文案「請準時參與」，並直接顯示 Zoom 連結與密碼，減少使用者尋找資訊的阻力。