學員從找課、看銷售頁、登入、結帳付款，到開始上課的每一個畫面與規格。
讓學員三秒內找到想學的課。首頁版位（橫幅、精選、分類順序）由總管理員在 A-07 營運。
S-01-1全站搜尋：課程名、講師、標籤，輸入時即時建議。S-01-2分類篩選＋排序（熱門、最新、評價、價格）。S-01-3課程卡：封面、名稱、講師、時長、評分、價格或狀態標籤（預購、直播、限時）。S-01-4手機版改單欄、分類改橫向滑動。內容由講師在 T-05 編輯；右側購買卡在桌機固定跟隨，手機版改成底部固定購買列。
S-02-1預告片與試看單元免登入可播。S-02-2大綱自動帶入，未購買單元顯示鎖頭與時長。S-02-3方案卡：選擇方案即時換價，顯示剩餘名額與倒數。S-02-4評價：星等分布、文字評價，僅限已購且觀看達 20% 的學員留言。S-02-5已購買者進入此頁時，購買卡改成「進入教室」。S-02-6分享按鈕（LINE、Facebook、複製連結），帶推廣參數時記錄分潤來源。結帳前才要求登入，且登入和註冊合併成同一個畫面，減少中途放棄。
S-03-1社群登入：Google、LINE、Facebook。S-03-2Email 驗證碼登入（免記密碼），亦可設定密碼。S-03-3登入後自動回到結帳頁，保留已選方案與優惠碼。S-03-4同一 Email 的不同登入方式自動合併為同一帳號。單頁完成所有填寫。付款走第三方金流，平台不保存卡號。
S-04-1付款方式：信用卡（含分期）、Apple Pay／Google Pay、LINE Pay、ATM、超商代碼；可用項目由 A-09 開關。S-04-2優惠碼即時驗證，錯誤時顯示原因（過期、不適用此方案、已用完）。S-04-3電子發票：會員載具、手機條碼、統編、捐贈碼，付款成功自動開立。S-04-4含實體品的方案才出現收件資料欄位。S-04-5ATM／超商未繳費的訂單保留至期限，到期自動取消並釋出名額。付款成功立刻開通，並同時寄送確認信。ATM／超商則顯示繳費資訊，入帳後再開通。
S-05-1完成頁：訂單編號、開通狀態、進入教室按鈕。S-05-2確認信：方案、實付金額、發票號碼、上課連結。S-05-3直播課提供加入行事曆（.ics）與開課前 1 天、1 小時提醒。S-05-4購買事件回傳 GA4／Meta Pixel（含金額），供講師與平台計算廣告成效。學員買完後的家：已買課程、上到哪、訂單與發票都在這裡。
S-06-1我的課程：進度百分比、上次觀看位置、一鍵續播。S-06-2訂單與發票：狀態、付款方式、發票號碼；ATM 未繳可重看繳費資訊。S-06-3線上申請退款（在退款期限內），送到 A-05 審核。S-06-4證書：完課達標自動發放，可下載 PDF 與分享連結。買完就在這裡學。播放器與目錄同頁，看完自動跳下一單元。
S-07-1播放器：倍速 0.5–2x、字幕、畫質、全螢幕、記住播放位置（跨裝置）。S-07-2防盜：HLS 加密串流、動態浮水印（學員 Email）、同帳號同時登入裝置上限。S-07-3時間點筆記：點一下記下目前秒數，之後點筆記跳回該處。S-07-4單元下方的講義下載、問答區、作業上傳、測驗作答。S-07-5手機版：播放器置頂，目錄收成抽屜。效能、安全與 SEO 的共同要求，前後台皆適用。
註：示意圖中的課程名稱、人數與金額皆為範例資料，僅示意版面與欄位，非實際數據。