一位營建背景的數位顧問,需要一個能同時賣課程、模板與顧問服務的官方商城
-
Ray 是營建工程出身的數位管理顧問,在自己的公司導入數位工具後,開始將方法論整理成教學內容。
-
他的產品線包含三種型態:線上課程(如 ChatGPT Prompt 實戰大師班)、Notion 管理模板(如工地主任管理模板)、以及一對一顧問預約服務。
-
這些產品原本散落在不同管道,缺少一個能集中展示、販售與交付的官方據點。
Ray 是營建工程出身的數位管理顧問,在自己的公司導入數位工具後,開始將方法論整理成教學內容。
他的產品線包含三種型態:線上課程(如 ChatGPT Prompt 實戰大師班)、Notion 管理模板(如工地主任管理模板)、以及一對一顧問預約服務。
這些產品原本散落在不同管道,缺少一個能集中展示、販售與交付的官方據點。
課程、模板與顧問預約屬於不同產品型態,必須整合在同一個購物系統中,讓訪客用一致的流程完成購買。
課程銷售頁資訊量大,從課程介紹、章節大綱到學員評價,需要明確的視覺層級引導訪客走向購買行動。
學員付款後要能立即登入並進入課程控制台開始學習,註冊、登入與忘記密碼的流程必須低摩擦。
購買前的疑問如果沒有集中整理,重複詢問會消耗大量時間,需要一個集中式的 FAQ 區塊降低溝通負擔。
導覽列直接提供課程總覽、商品總覽、常見問題與課程控制台四個入口,讓想學習、想購買、已購買的訪客各自找到明確路徑。
首頁直接呈現商品卡片,包含名稱、價格與加入購物車按鈕。登入與註冊入口放在同一頁面,訪客可以一條路完成「看到、加購、結帳」。
課程頁採用敘事結構搭配章節內容列表,從課程介紹、學習目標、完整大綱到學員評價,逐步建立信任並引導至購買按鈕。
左右滑動瀏覽重點頁面,點擊即可放大查看版面與互動細節。
以深藍作為品牌主色調,傳遞專業與信任感。背景採淺灰色維持留白與長文可讀性,讓課程頁的大量文字不會造成視覺壓迫。標題使用襯線字體拉出層級對比,內文搭配無襯線字體確保螢幕閱讀的舒適度。整體風格兼顧知識商品的可信度與商城的可購買性。
「以前課程放一個平台、模板用另一個管道賣、顧問預約又要另外處理。現在全部整合在同一個商城,上架、收款、交付一條線完成,我可以專心做內容而不是處理工具。」
—