Project Overview

Mar. 2021 - Sep. 2021

Goals

分析目標使用者族群，為 0 到 1 的模組化產品訂定產品定位，設計網站動線流程及 UI，協助使用者易於選擇所需要的產品服務。

My Role

主導產品定位並規劃整體服務流程，負責產品網站 RWD 的端到端設計流程，包含使用者分析、協助團隊對齊產品目標，確認網站功能設計的優先序並妥善執行。

Project Scope

1 位設計師與 1 位行銷、1 位客服、1 位合作工程師完成此專案。

從困境反思產品定位及目標

專案目標是架設一個產品網站，為使用者展示行政類和撰寫商業計劃類這兩大類型的產品，讓使用者依照自身需求進行選擇。然而在規劃頁面時我們面臨 2 個主要問題：

如何避免使用者在眾多選項中迷失

撰寫商業計劃類的產品目標是 “幫助用戶完成貼近計畫方向的商業計劃書“，其中涵蓋 5 項產品，但如何讓使用者輕鬆區分這些產品成為挑戰。

產品頁面內容過於相似

每個產品的頁面內容看起來都很相似，與行銷夥伴合作提出數個 wireframe 和文案，但仍然無法清晰傳達每個產品的獨特價值。

經過多次修改後，我們決定回頭檢視目標族群的特徵、各產品的定位、哪些使用者特徵不適合該產品，以及各產品的效益極限。

透過旅程階段找出差異

前期問卷調查顯示，近 8 成的人在撰寫商業計劃遇到困難，不確定撰寫方向且耗時過長。然而商業計劃書不僅涉及撰寫方，還需要評閱者的觀點，因此我們得先了解雙方的差距，再重新檢視產品目標。

盤點撰寫旅程中的關鍵點

旅程從使用者認識商業計劃書開始，到完成補助計畫的商業計劃書結束，為了更好瞭解商業計畫書的結構脈絡，分別訪談了 2 位專家釐清各階段的關鍵點。

對照不同階段達成共識

分析 10 位過去案例、訪談 2 位有準備但未申請過的受訪者，分別找出 4 個目標族群，並將目標族群、產品比對旅程各個階段，讓團隊成員能快速對齊不同產品的效益。從對照表可以發現，有一群潛在客戶雖然有明確的題目或商業計劃書詳細內容，但對補助申請仍感到力不從心，這促使我們思考如何透過網站吸引這些潛在客戶。

制定新的頁面目標及設計

綜合前述研究分析結果，網站除了推行產品外，團隊決定另發展出計畫資料庫，協助使用者找到適合的計畫。

調整頁面設計目標

網站頁面類型一共分為 2 大類，產品介紹型頁面和負責吸引流量的免費工具類頁面，根據研究結果為每個產品頁列出明確的目標族群，協助行銷同仁聚焦。雖然是面向公司企業的產品，但用戶仍會利用零碎時間使用手機查詢補助計畫，因此設計過程中需確保在網頁和手機都能流暢操作。

設計用於導引流量的計畫資料庫

前期問卷調查顯示，有超過 3 成的填答者認為計畫說明過於複雜；超過 7 成的人表示在評估計畫時會詢問專家建議。因此我將計劃資料庫的目標設定為「協助使用者快速找出有機會的補助」，降低從「瀏覽到篩選計畫」過程中的阻力。

縮短判斷資格所耗費的時間

運用專家經驗，為每個計畫加上特色標籤（Tag），讓使用者一目瞭然，並設計篩選功能（Filter），依據計畫規範，為使用者過濾不符合資格，無法申請的計畫。

內容結構化提升易讀性，快速辨別資訊

為了提高閱覽者在短時間辨別資訊，我採用「資訊分群」的方式，群組相關性的資訊並以條列式呈現，減少使用者來回翻閱、比對的困擾；區分「主、次資訊」將計畫各項目資訊與細節說明做出區分，降低大量資料的雜訊。

因應策略調整架構

考量商業策略的階段性目標，與團隊溝通後調整原本網站架構（下圖sitemap version-1），將位在第二層的計畫資料庫改設置在導覽列上（下圖sitemap version-2），讓使用者隨時可以查詢，提高創業資源資料庫的使用率。

從這個專案我學習到

這次專案雖然是產品網站設計，但背後其實花了不少心力在摸索產品本身，如何將一條龍的服務依階段劃分成不同產品，又能定義出小產品獨立運作時針對的 TA 樣貌。由於是為自家產品設計，專案過程除了網站功能及流程規劃、UI 設計外，也需要因應公司策略調整網站階段性目標，並與行銷密切合作討論網站所有文案、改善網站SEO 等等。經由這次經驗讓我有機會接觸到過去在接案公司較難遇到的區塊，對於產品經營有更多一層的了解。

More Works

Beautin Q

App Design

BeautinQ 是針對美容美體產業的 2B 產品，由於現有的 Web 版本已無法有效滿足顧客對移動場景的需求，因此新開發了 App 版本。在 App 上線 3 個月後，我們發現有近 40％的客戶頻繁使用 App。

Coshift

Mobile Design

協助餐飲店面管理者人力管理的 Side Project，運用質性研究分析使用者痛點，從中發展出產品獨特的核心功能，減輕管理者排班負擔，並結合 Line 增加內部溝通效率，縮短排班過程並協助管理者即時掌握店內變化，為餐飲管理者提供高效的管理體驗。

Graphic

GUI / Visiual Design

Saas Design

commimg soon

BP Mate