萬眾矚目|把服務、作品與課程整合成一個「會成交」的個人品牌官網
以清楚的資訊架構把「主持/顧問/教育培訓/身心療癒」等多元服務一次收斂。
同時具備作品展示、課程銷售(加入購物車/會員登入)、以及標準化的合作需求表單,讓潛在客戶更快找到入口、完成聯繫與轉換。
CLIENT
萬眾矚目|Trial Blazing International
INDUSTRY
- 教育訓練
- |
- 顧問服務

01
背景與挑戰
Challenge & Solution
多元服務與成就需要被「一站式整合」並可被快速理解。
品牌主角具備國際活動與跨語言經驗,服務範圍橫跨活動主持、TEDx 策展、品牌合作、教育培訓等。
既要呈現可信度(經歷/理念/過往案例),也要能承接商業行為(諮詢/合作洽談/課程購買)。
因此網站需要同時做到:品牌敘事、作品集展示、服務導流、以及可擴充的內容與課程模組。
內容類型太多,若沒有清楚 IA 會讓人找不到重點與入口。
服務項目多且跨語言/跨場景,導覽容易混亂
– 作品與成就需要被分類,否則信任感難建立
– 必須同時支援「內容曝光」與「商業轉換」(聯繫/購買/加入名單)
– 合作需求若沒有標準化收集,來回溝通成本高
– 需要會員/登入/購物流程來承接課程與產品
用「導覽分流 + 模組化頁面 + 可轉換表單」把個人品牌做成一個完整商業入口
1) 資訊架構(IA):以主選單分成 Services / Portfolio / Courses / Blog / Contact,讓不同需求的人能快速自我分流。
2) 信任建立:首頁以企業理念與創辦人故事建立品牌立場,再銜接服務項目與過往案例,讓瀏覽節奏從「認同」走到「信任」。
3) 商業轉換:課程區提供可排序的課程列表、顯示評分/時長/講師/分類,並可加入購物車與會員登入。
4) 標準化洽談:聯絡頁設計「Service Request」表單,先收齊角色、服務需求、語言需求、活動資訊等關鍵欄位,降低溝通成本。
5) 長期經營:以部落格分類與訂閱電子報作為內容與名單資產的持續累積入口。
8WK
開發週期
100%
RWD 適配
設計系統
設計策略以「高辨識影像(全幅視覺)+雙語標題層級」建立國際感與專業度。
頁面節奏採用模組化段落(理念 → 創辦人 → 服務 → 案例 → 內容/訂閱),讓首次訪客在 1 頁內理解品牌定位並找到下一步。
Typography
Aa
Playfair Display (Headings)
Aa
Noto Sans TC (Body)
主要顏色
背景顏色
次要顏色
文字顏色
02
介面設計
Visual Showcase
我們設計了清晰的導覽結構,讓使用者能直觀地找到需要的課程。同時針對行動裝置進行了深度優化,確保在手機上也有 App 般的操作體驗。
電腦版首頁

手機版首頁

03
合作流程
Our Workflow
需求訪談與規劃
視覺設計與開發
測試上線與教學
過去我的課程資訊散落在不同平台,很難跟學生說『去哪裡看完整資訊』。現在只要給他們一個網址,從課程介紹到報名流程都非常清楚,對我來說省下很多溝通時間。

Yuki
萬眾矚目|Trial Blazing International 創辦人










