從新手到專家，一站式加密貨幣學習平台
系統化整理課程內容，從入門到進階一路有路線。
每週直播教學搭配隨選影片，想跟上進度或補課都方便。
加入會員後，從課程總覽快速找到適合的學習主題與分類。
透過社群互助，把「看懂」變成「真的做得到」。
CLIENT
VIPCLASS
INDUSTRY
- 加密貨幣
- |
- 金融投資
01
背景與挑戰
Challenge & Solution
建立一個能長期營運的會員制教學平台，將專家內容、直播與社群集中在同一入口。
平台定位在「加密貨幣學習新起點」，主打由專業分析師/講師提供內容。
內容型態包含直播教學（每週不同主題）與課程影片，並以會員機制承接完整學習旅程。
同時也透過教學文章（例如趨勢線教學）延伸品牌曝光與內容導流。
把「內容很多、路徑分散」的學習情境，收斂成「一步一步可完成」的會員轉換與學習流程。
-
需要讓新手一進站就知道：這裡能學什麼、怎麼開始（加入會員/選課/上課）。
-
課程與內容要能被分類與檢索，避免使用者找不到對的學習路線。
-
會員基本旅程要完整：註冊、忘記密碼、帳號管理、訂單資訊等都要一站內完成。
-
需要在同一平台內兼顧：課程內容呈現＋社群互動＋（可能的）電商購買/訂單管理。
打造一站式「會員制課程＋直播內容＋學員控制台」的學習平台
-
資訊架構重整：以「首頁（價值主張）→ 課程總覽（分類/路徑）→ 單一課程頁（你會學到什麼）→ 學員控制台/會員中心」作為主幹，讓使用者不需要到處找入口。
-
縮短轉換流程：首頁與關鍵頁面以「立即加入會員」作為明確 CTA，並在站內提供註冊、帳號與訂單相關入口，降低跳出與流失。
-
功能整合到同一站：把課程學習、會員帳號管理、訂單資訊（購買/付款後的權限旅程）集中在同一個站內體驗，避免使用者在多平台切換。
-
RWD/行動裝置策略：以「清楚字級階層＋卡片式區塊＋集中 CTA」確保手機上也能快速理解內容與下一步；（此項為設計策略描述，因目前無法直接讀取前台版面，未做視覺細節斷言）。
8WK
開發週期
100%
RWD 適配
設計系統
因為平台內容多、學習門檻高，所以視覺以「高可讀性」為核心：用乾淨的黑白灰底、穩定的字級與留白，讓使用者把注意力放在內容與下一步操作。
因為轉換目標清楚（加入會員/開始學習），所以按鈕與 CTA 需要在版面中「一眼可見」，用對比與漸層強化行動引導（CTA 漸層色在變數中可見）。
Typography
Aa
‘Noto Sans TC’ (Headings)
Aa
‘Noto Sans TC’ (Body)
主要顏色
背景顏色
次要顏色
文字顏色
02
介面設計
Visual Showcase
-
首頁節奏：用一句話價值主張（加密貨幣學習新起點）先定調，再用「立即加入會員」把動作收斂；接著帶出內容供給（直播教學/課程）與學習社群，最後導向會員旅程與學習步驟。
-
元件語言：以「卡片式區塊＋清楚標題階層」承載多內容類型（課程列表/文章/分類），並用一致的 CTA 樣式維持操作一致性
-
行動版策略：重點是「先做選擇、再做行動」——手機上先讓使用者快速看到下一步（加入會員/進入課程總覽/學員控制台），減少需要捲動很久才找到入口的情況；同時用較大的字級與行高。
-
為什麼這樣設計：學習型平台最怕「資訊太多＋入口太多」導致放棄，因此用高可讀性視覺系統承載內容、用明確 CTA 收斂路徑，才能把「想學」真正推到「開始學」。
電腦版首頁
手機版首頁
03
合作流程
Our Workflow
需求訪談與規劃
視覺設計與開發
測試上線與教學
「我們最在意的是讓會員進站後不用到處找連結，註冊、選課、上課、回看直播到社群交流都在同一個地方完成，學員的問題也更集中、更好管理。」
Kelly
VIPCLASS 創辦人