SISISUSU
專案時程
2024/9-仍在進行
專案角色
UI/UX 設計
團隊人數
2PM、2 Designer
負責項目
UI/UX、工程交付
SISISUSU 是一個結合內容（影片／文章）與電商購物的平台，透過內容驅動會員轉換與商品銷售。
根據使用情境分析，平台主要流量來自行動裝置，用戶多於碎片化時間進行內容瀏覽與購物決策。因此在產品規劃階段即採用 Mobile-first 架構思維，優先設計行動端操作流程與資訊層級，再延伸至 Web 版本，確保核心轉換體驗在手機上順暢完成。
面臨的挑戰
在規劃初期，我們發現了幾個核心問題需要解決：
1
使用者在平台內有「訂閱方案」與「一般商品」兩種購物路徑，如何避免流程混淆？
2
會員分為一般、月訂閱、年訂閱等級，不同等級在購買商品時的權限回饋需清晰傳達。
3
如何在使用者觀看影音或文章時，順暢地引導至購買商品頁面，而非中斷體驗。
產品架構規劃：前後台體驗建構
前台使用流程設計｜建立清晰的會員轉換路徑
為確保使用者能在內容瀏覽後順暢完成訂閱與購買，我與 PM 一起規劃前台操作流程，建立清晰的轉換節點。
透過整理會員狀態、點數機制與訂閱條件，將「內容瀏覽 → 會員申請 → 付款完成」拆解為明確步驟，減少流程斷點與跳轉困惑。
同時統一 Web 與行動端邏輯，確保跨裝置操作體驗一致，強化轉換效率。
後台欄位與商品分類架構設計
為確保平台內容與商品能有效管理與擴充，我同步規劃後台商品分類與欄位邏輯。
建立清晰的大分類／子分類架構，並設計可彈性調整的商品歸屬方式，降低營運人員管理負擔。
透過前後台架構對齊，確保內容推薦、商品顯示與訂閱機制能穩定運作，提升整體產品擴充性與維護效率。
核心使用流程設計
為提升會員轉換率，我設計行動端完整使用旅程，將內容消費與訂閱購買整合為單一路徑。
透過明確的 CTA 引導、狀態提示與流程分段設計，降低操作斷點，讓使用者能自然從瀏覽過渡到付費決策。
設計挑戰與解法
會員分級體驗設計，價格視覺化與決策引導優化， 如何讓價格差異清楚呈現，
同時避免介面混亂與認知負擔，成為本次設計的核心挑戰。
原始版本｜會員價格資訊未區分
價格差異需進入商品細節後才會發現
會員升級誘因不足
一般會員與 VIP 使用相同價格呈現方式
結果：會員價值感被弱化，轉換誘因不足。
改版後｜依身份顯示差異化價格
依使用者身份動態顯示對應價格
VIP 價格以強調色標示
一般會員顯示可升級提示
調整卡片層級與價格排列方式
設計成果
訂閱系統設計｜從金流串接到會員狀態呈現
主導訂閱機制介面設計，與前後端協作規劃綠界定期定額金流串接流程，將技術邏輯轉化為清晰可理解的使用者體驗。
透過明確區分訂閱方案內容、付款週期與到期時間，讓會員能清楚掌握自身權益與續訂狀態，降低對自動扣款機制的不確定感。同時設計訂閱期限顯示與狀態提示，確保整體體驗具備透明度與可預期性，提升訂閱決策信任感與續訂意願。
內容導購機制設計｜內嵌轉換與關聯推薦
將內容視為轉換入口，而非單次消費頁面。在文章與影片內頁後段嵌入商品卡片，建立自然的導購節點，使使用者在完成內容瀏覽後能順暢延續至購買行為。
同時設計可點擊關鍵字標籤機制，串聯相關商品與文章，建立內容與內容、內容與商品之間的關聯網絡。透過延伸探索路徑，提升平台停留時間與行為循環，強化會員轉換與回訪動機。
整合式搜尋架構
建立單一搜尋入口，讓使用者透過一次關鍵字輸入，同時查詢產品、文章與影片內容。
透過分類 Tab 分流不同內容型態，避免資訊混雜造成認知負擔，同時保留快速切換彈性。
此設計不僅提升搜尋效率，也強化內容與商品之間的關聯性，使搜尋成為導購與內容探索的重要轉換節點。
學習與反思
在專案初期，未先建立完整的網站架構圖與功能盤點表，導致與客戶在頁面範圍與功能邏輯上出現反覆確認的情況，增加溝通成本與修改次數。
發現問題後，我立即補充資訊架構圖與功能對照表，將頁面層級、會員狀態與功能範圍視覺化，協助客戶更清楚理解整體產品結構。後續溝通效率明顯提升，需求確認流程也更加順暢。
此經驗讓我更重視專案初期的架構盤點與需求對齊機制，在後續專案中會優先建立完整架構文件，以降低決策模糊與溝通落差。
