Hiskio線上課程平台-募資課程銷售頁
專案概覽OverviewHiskio成立於2017年,是專注於軟體技術與程式語言的線上課程平台。至今已經累積上架 200 多堂由專業講師製作的線上課程,讓學習者只要透過線上學習,就能輕鬆上手程式語言,成為獨立的科技職人。在Hiskio實習為期半年的期間,我主要與另一位UI/UX designer、工程、企劃團隊協作開發產品。查看Hiskio網站
本次專案目的為開發課程募資銷售功能,我負責專案前期研究、規劃功能、繪製相關flowchart與產出主要頁面設計。公司開發產品階段注重快速上線驗證,因此開發目標著重先產出最小可行產品(MVP概念),再經由市場測試需求再進行優化。與主管、PM、工程師經過數次討論與修改,募資銷售功能 V1 於2020年12月底上線。 |
角色Role:Research / Flowchart / Wireframe / Mockup / Testing / Design Guideline
工具Tool:Figma / Whimsical / Slack / asana
專案時間Timeline:2020.11-2020.12
|
專案背景Project Background
Hiskio過去的課程銷售方式為:
分為「預購」與「正式開課」兩種課程狀態。
課程在「預購期」時,會以早鳥(優惠)價格販售,而早鳥價格會隨日期有階段性的小幅漲價;講師在預購期時,會一邊製作一邊上傳課程內容,所以在「預購期」購買的學生能看到已上傳的課程內容。等待至老師製作完成、並上傳完所有課程內容後,課程會變成「正式開課」狀態,以最終正式價格繼續販售。
分為「預購」與「正式開課」兩種課程狀態。
課程在「預購期」時,會以早鳥(優惠)價格販售,而早鳥價格會隨日期有階段性的小幅漲價;講師在預購期時,會一邊製作一邊上傳課程內容,所以在「預購期」購買的學生能看到已上傳的課程內容。等待至老師製作完成、並上傳完所有課程內容後,課程會變成「正式開課」狀態,以最終正式價格繼續販售。
專案目標Project Goal
- 開發募資銷售功能、設計募資課程銷售頁
- 訂定募資功能相關規範
對講師
採用募資制度,讓課程達到目標門檻再開始製作課程,減去老師耗費大量時間製作課程,卻只有少數人購買的情形發生。 |
對平台營運
課程先以募資狀態上架,除了能測試市場對於課程的需求與喜好,調整平台設立課程方向、另一方面透過募資,增加大眾關注度。 |
對學生
募資課程上線後學生能以最優惠的價格購課,同時增加主要客群 (20-40歲的學生與上班族) 的購課意願。 |
專案挑戰Project Challenge
- 如何吸引用戶關注、購買募資課程
- 在有限的開發時間內完成目標產出
研究Research
- 競品分析competitive analysis
- 制定Hiskio募資銷售功能
以不改動過多原有銷售方式下來制定募資銷售規則,我們嘗試將原有課程銷售方式(含有多階段「早鳥價格」的預購期)與募資制度做結合:
當募資開始後會有1到3階段的募資價格,隨時間微幅漲價直到募資截止時,課程將變為「正式價格」。若募資截止時達到人數門檻,則確定為「募資成功」,屆時再讓老師開始製作課程。直到正式開課日,老師會完成所有課程內容,學生也能開始進入學習頁上課。
查看詳細Hiskio募資方式
當募資開始後會有1到3階段的募資價格,隨時間微幅漲價直到募資截止時,課程將變為「正式價格」。若募資截止時達到人數門檻,則確定為「募資成功」,屆時再讓老師開始製作課程。直到正式開課日,老師會完成所有課程內容,學生也能開始進入學習頁上課。
查看詳細Hiskio募資方式
設計產出Final Mockup
- 募資課程銷售頁
- 購買區塊與重點資訊:強調募資當前價格與原價格的價差,下方倒數區塊增加急迫性,吸引用戶即刻以當前優惠價格購買。
- 募資期各時間點標記:清楚標示階段漲價時間點、募資開始/結束、正式開課日期。希望用戶獲得公開透明的資訊,也希望透過標註各漲價時間點,吸引用戶儘早購買課程。
- 課程組合推薦:根據企劃與客服反饋,過去時常有用戶沒注意到課程組合方案,在購買單堂後才要求退費,想改為購買組合方案的情況,因此造成人力資源的負擔。在募資銷售頁設計上,將課程組合區塊放置在顯而易見的地方,希望能降低上述狀況的發生。
- 課程基本資訊:顯示課程基本資訊,強調購買後仍能全額退款的規則,降低用戶購買課程的考慮時間與防備心。
- 抵用券:結合平台原有的抵用券機制,提醒顧客購買募資課使用現金抵用券,能以更低價入手課程。該區塊會提醒顧客領取抵用券以及使用抵用券。
- 維持課程交流: 最新課前問答區塊顯示已獲授課老師回覆的問題。平台方希望在正式開課前學生與老師能維持交流,透過課前問答留下建議或期望的課程內容,藉此確定課程符合自己想學習的方向,同時也能幫助老師製作課程。
- 不同狀態下的募資課程銷售頁
Design solution 專案挑戰的解決方法
- 如何吸引用戶關注、購買募資課程:
增加購課急迫性與購課誘因。
- 銷售頁設計加上強調限時性的元素(例如:限時優惠倒數條 )
- 在募資課程每次進行調漲前3天,我方會寄出提醒「漲價信件」(下圖)給收藏該募資課程或加入購物車的用戶,提醒該課程即將漲價,增加購課急迫性
- 提醒用戶使用平台供給的現金抵用券(下方影片)就能以更低價購入募資課程,提升用戶購買意願
- 在有限的開發時間內完成目標產出:
專案時限為2個月,為了確保開發順暢與進度交付,團隊先行討論出以下遵行規範。
- 設計前期確保工程團隊的參與、介面設計需考量前端實現的時間成本,避免後期工程團隊實現困難
- 制定專案開發時程與企劃、設計、開發、測試交付時間,以掌握專案進度
- 釐清工程團隊開發後面臨設計修改的處理方式
學習與反思Reflection
- 從專案研究到最後的設計產出,發現除了設計上,還有許多事項須考量。例如:專注在開發新功能以外,也要考量其他會被影響的平台介面與功能,以及新募資功能上線是否會與平台銷售或退費制度有衝突等問題。
- 在有限的開發時間內,需考量工程團隊實現頁面難易度與是否好維護等面向,因此在針對介面可行性與視覺排版做了許多修改。
- 負責本專案感到稍微遺憾的是,因募資功能上線時間與實習結束時間點碰上,無法追蹤更多後續使用狀況與數據、募資功能上線後的用戶反饋。
- 建立網站設計規範與元件,幫助平台往後設計與元件上維持一致性、方便工程團隊開發作業。