Meng Hsuan Lin's profile

Vclass 網頁設計

Vclass 商業模式
Vclass 和英語名師、KOL 合作開設線上課程,Vclass 提供行銷、視覺設計和上課平台等資源並協助課程規劃,老師則帶來網站流量。

設計流程
Role: UI & UX Designer / Visual Designer

網頁架構

A. 課程行銷頁設計
每堂課都會有自己的課程行銷頁,詳細的課程資訊和購買方案固定在右側,若有促銷活動資訊會顯示在右下方
B. 上課平台
I. 遇到的問題: 
1. 使用第三方上課平台 (Teachable) ,但登入流程混亂,學員常找不到上課入口,導致完課率低也增加客服成本 
2. 介面不直覺導致上課體驗差,團隊也需要花額外的時間和學員溝通 

II. 使用者訪談: 
在規劃上課平台的功能時,我們參考了競品和學員常用的 Teachable 功能做了第一版的 Prototype。並找來受訪者進行1對1訪談,除了驗證新版上課平台的易用性、也希望能了解學員購買的動機和使用旅程​​​​​​​

III. 設計目的: 
1. 提升易用性,讓學員操作更容易上手 
2. 擴充學習功能,讓學員有更完整的上課體驗 
3. 視覺和購課頁面更一致,加深品牌印象 
4. 介面設計的更彈性,以利之後功能優化和擴充

IV. Prototype:
a.影片播放功能
b. 公告 + 問題討論 + 作業 + 測驗 + 課程評價


C. 課程管理後台
I. 遇到的問題: 
1. 每個老師的需求不同,導致上架內容格式不一,上課頁面呈現混亂
2. 資訊分散,團隊需要每週根據GA報表和老師討論流量來源和收益
3. 學習功能擴充,新增作業批改和測驗項目

II. 設計目的:
1. 內容模組化,團隊可因應老師需求勾選上架項目
2. 整合會員管理系統和銷售數據,方便團隊及老師查看
3. 讓老師和學員的互動更為密切,提升學員上課意願

III. Prototype:​​​​​​​



Vclass 網頁設計
Published:

Owner

Vclass 網頁設計

Published: