專案團隊
產品設計師 (1) - Me, Sole Designer
專案經理 (1)
前端工程師 (1)
後端工程師 (2)
負責項目
使用者研究與訪談
資訊架構與功能規劃
核心流程與介面設計
設計驗收與品質檢核
專案時程
2024年 4月 - 至今
（持續迭代中）
我的角色與參與範圍
作為專案唯一的產品設計師，我負責從問題探索到設計落地的完整流程。
面對龐大且高度結構化的商品資料，我在使用者需求、商業目標與技術限制之間，推進可執行且具擴展性的設計解法。
我的核心貢獻包含：
1
端到端推動產品設計與實現商業策略
從 UX 策略出發，將實際洞察轉化為設計決策，推動商業成長。
2
可套用於大規模商品的頁面版型規劃
因應百萬項商品的資料差異，在一致體驗下保有高度擴展彈性。
3
跨部門高度協作，確保設計真正落地
與各部門密切合作，推進開發節奏並負責最終的設計品質把關。
專案概覽
專案背景
當商品數從 50 萬暴增至 400 萬，
原本的便利逐漸消失。
SCiKET 是台灣首家整合科研用品與服務的一站式電商平台，擁有來自 3,000+ 供應商的 400 萬種商品，服務全台 5,000+ 產學研單位，致力於讓採購更高效透明，成為供應鏈夥伴的強力後盾。
然而，近年來擴大豐富選擇的營運方針，也帶來了新的問題。當商品數量迅速成長，使用者反而迷失在資訊的迷宮中。曾經「搜尋商品、選擇型號、成立報價單或訂單」的順暢流程，如今變成了頻繁切換頁面、逐一比對規格，甚至得仰賴業務手動協助的繁瑣作業。
這正是我們此次改版的起點——
如何幫助企業使用者在龐雜的資訊中，快速地做出選擇。
挑戰
隨著商品數量突破 400 萬筆，使用者面臨資訊過載與選擇障礙，做出決策變得越來越困難。因此...
我們無法讓一切變得簡單，
而是讓複雜的選擇變得清楚、好決策。
我們希望找回 SCiKET 初期的便利感——企業客戶能輕鬆找到所需商品、比對規格，並迅速下單。
尤其當使用者必須在十幾種相似型號中，選出唯一能配合實驗架的燒杯時，他不該還得費心搞清楚資訊在哪，而應該能直接聚焦、快速決定。
因此，我們著手建立一套能因應海量商品與多元需求的資訊架構，並預留未來擴展的彈性。
專案成果
讓企業採購決策更直覺，轉換率顯著提升
我們追蹤改版後 6 個月，取得以下成果：
報價單轉換率增長
( 3.5% → 4.86% )
購物車轉換率增長
( 2.3% → 2.94%)
網頁相關問題工單量下降
業務團隊回饋
「自從新版上線後，現在透過業務轉成訂單的輔助需求已經有感下降了，期待未來能更優化產品資訊的完整性。」
改版後，企業採購決策上更直覺，並減少人工介入，獲得內部團隊與用戶的正向回饋，進一步強化 SCiKET 在科研 B2B 市場的競爭力。
Table of Contents
What's included?
Different types
Good business in 2024?
接下來，讓我們一起拆解這次 UX 改版的關鍵策略
探索與研究
從多個觀察層面，
聚焦資訊架構失效的核心問題
商品數暴增後，SCiKET 的商品群組頁開始成為企業用戶決策的障礙。
我們希望釐清：問題究竟出在哪裡？是資訊不夠，還是找不到？
為此，我們從三個關鍵層面展開探索：數據、行為觀察、業務回饋及游擊訪談來剖析問題的核心。
決策行為觀察
從 Hotjar 到進線工單，拼出使用者的迷路與卡點
我們分析了超過 2000 筆 Hotjar 錄影及過去 6 個月約 12,361 筆客服工單與 LINE 詢問，透過真實回饋狀況及錄影分析行為來歸類出問題。
Hotjar 錄影操作分析
客服工單分析
我們將工單分類並將主要痛點做成使用者旅程地圖，並結合錄影分析使用者在頁面上的的真實操作行為來歸納關鍵痛點。
從 Hotjar 及所有數據統計出來，我們將最關鍵的痛點洞察歸納如下：
進線專注詢問有關內容規格、庫存、包裝、交期等資訊。
進線詢問後，最終由業務人工處理訂單所有選購細節。
使用者點入子商品頁後跳出，代表資訊重複或未能協助判斷。
這些數據與行為觀察相互印證：
用戶不是沒有資訊，而是不知道如何使用資訊來做出選擇，頁面層級也讓使用者容易迷航。
現場實地觀察
選擇多，卻不知道怎麼選
我們先後訪談了 5 位內勤業務，並隨外勤業務拜訪 10+ 家企業客戶，進行實地游擊訪談與操作觀察，從第一線理解使用者的採購行為與卡點。
企業客戶游擊訪談
🧐 「型號看起來都一樣，點進去還是一樣，搞不懂差在哪。」
🫠 「我要買的耗材要一個一個比，超花時間。」
😩 「有次點了客服按鈕才發現不是加入購物車，有點困惑」
內勤業務
🥲 「客戶常說找不到庫存或規格資訊，因此都會請我們協助會更快一點。」
這些回饋與我們的錄影觀察互相呼應，進一步說明：資訊呈現與互動流程無法有效支援決策，反而加重使用者與業務端的負擔。
競品觀察
當商品數變成十倍，設計策略也得全面重構
我們也分析了市場上其他 B2B 電商，觀察其他平台的資訊設計策略，發現以下幾個模式值得參考：
1
部分平台直接在商品群組頁完成選購，不設子商品頁
➡ 減少頁面跳轉需求。
2
篩選機制與型號表格結合
➡ 可幫助用戶快速縮小選擇範圍，但操作難易度仍需優化。
3
多數平台將型號表格置於 Hero 區塊下方
➡ 讓使用者能直接進入決策區
然而，這些平台大多商品數量在 2 萬項以內，與 SCiKET 的 400 萬筆相比，複雜度差異極大。我們的企業用戶也更加「需求導向」，若操作體驗不佳，便會直接轉向內部業務協助，進一步推升工單量，甚至放棄整個選購流程。
因此，我們無法直接套用現成模式，而是必須從根本重新設計資訊架構與操作流程，來支援海量商品與企業決策行為。
收斂
從使用者行為錄影、客服工單到企業採購者的實際回饋，我們逐步釐清問題的根本：
資訊並非不足，而是缺乏清晰的結構與引導，
讓人難以有效做出選擇
我們歸納出三個關鍵阻礙：
1
資訊層級混亂
使用者難以辨識關鍵規格與庫存
2
缺乏篩選與比較機制
無法快速聚焦、縮小選擇範圍
3
操作導引薄弱
頁面跳轉過多、重要按鈕易誤觸，影響轉換率
👀 我們也觀察到有趣的角色視角感受：
企業採購者
知道自己要買什麼，卻無法在頁面中快速判斷「哪個型號最符合需求」
內部業務
頻繁收到來回詢問，反覆說明規格、庫存與交期，大幅增加處理負擔
身為採購使用者無法快速取得關鍵資訊，轉而依賴業務回應；而業務也因此介入了原可自助完成的流程。資訊雖已存在，卻因架構與操作設計不良，無法支持使用者獨立決策，形成雙方負擔。
假設與目標
基於收斂洞察，讓我們重新定義商品群組頁的角色：
它不只是子商品的陳列區，
而應該是一個協助使用者快速聚焦與做出決策的介面。
因此，我們建立了三項設計假設：
如果關鍵資訊能更清楚呈現，用戶就能自行比對、做出選擇
如果資訊層級與篩選邏輯更合理，用戶將能更快聚焦、完成決策
如果操作流程與頁面層級更直覺，將能減少對業務的依賴
🧭 聚焦的設計目標：
從使用者體驗層面：讓企業客戶能在短時間內判斷合適商品，提升掌控感與決策效率
從營運面向：提高報價單／購物車的轉換率，降低客服工單，強化平台的使用信任與效率
設計產出
不只是型號清單，
而是決策流程的起點
我們先重點聚焦在「型號表格選購區」，
因為它是使用者最常互動、且直接影響決策效率的關鍵區域。
並在此基礎上逐步推進整體體驗優化。
重組欄位結構與視覺層級，讓關鍵資訊一眼可得
原先表格中，商品名稱、規格與價格混在一起，資訊層級混亂。
我們依據使用者決策流程重新編排欄位順序與位置：左側呈現商品與型號、中段為可滑動規格、右側集中價格與交期資訊，幫助使用者在第一眼快速比對與判斷。
將規格資訊拆解為線性決策流程，降低選型負擔
單一商品往往包含 8–20 個以上的規格欄位，集中呈現容易造成閱讀負擔，甚至影響選型判斷。
先前行為觀察顯示，多數使用者會以線性方式逐項瀏覽資訊，依序完成選型決策。
因此我將規格資訊依決策階段拆解，讓使用者一次專注於單一判斷任務，降低理解成本。
🎯 加入篩選器引導，用條件收斂減少比對負擔
我們將常見規格（如容量、材質）轉化為可操作的篩選器，並依使用頻率與篩選邏輯重新排序，放置在表格上方，讓使用者能快速縮小範圍、聚焦選擇。不再需要逐一滑動十幾個型號，大幅減少比對與操作時間。
🔍 子商品頁調整為全幅彈窗互動，降低頁面跳轉成本
原本點選子商品會另開頁面，容易中斷流程。我改為全幅彈窗互動，讓使用者能保留決策脈絡、快速切換型號、直接完成選購。
✨ 除了這些，還有其他亮點
🖼 透過標示重點標籤與短描述，提高資訊掌握率與互動效率
在 Hero Section 區塊中，我們新增了現貨狀態、品牌等商品標籤，並自動生成簡潔商品描述，讓使用者第一眼就掌握核心資訊。
也將原本易誤觸的客服按鈕，改為「立即選購規格」導引至選購區，成功減少誤按並轉化互動效率。
✨ 其他整體優化：資訊佈局與頁面節奏再設計
除了核心功能區，我們也同步重新調整了頁面區塊順序與內容邏輯，優化資訊呈現節奏。
包含：調整型號選購區的優先幅度、產品介紹、相關原廠文件呈現及相關推薦商品，讓整體頁面的功能與資訊更完整。
上線前，我們進行了為期兩週的內部測試與設計 QA，確保資訊架構與互動細節符合實際場景使用，才釋出正式版本。
專案影響力 & Takeaway
從設計決策到團隊共識，
在新創中建立可持續的設計文化
這不只是一次頁面改版，也是我在資源有限的新創環境中，嘗試讓設計從「改善介面」走向「推動團隊文化與合作流程」的起點。從使用者洞察、設計決策，到跨部門協作，透過每一個接觸點讓產品設計融入快速迭代的新創文化中。
1
📊 用數據說明設計價值，讓問題被真正看見
我將 Hotjar 行為錄影、客服工單與關鍵數據整理成具體洞察，協助團隊理解使用者卡點，並成功說服 CEO 投入優化資源。也讓團隊看到數據背後的用戶困境，強化了設計決策的影響力。
2
🧪 建立設計品質控管流程，讓設計穩定落地
我觀察到原有流程較聚焦在資料與技術的 QA，缺乏針對視覺與互動的一致性檢查，導致產品中偶有樣式不一致或互動落差的情況。因此，我主動建立設計品質控管流程，從元件規則、跨頁一致性，到互動細節的逐項檢查，讓每個版本都能更穩定落地、維持良好的使用體驗。
3
🤝 讓每個角色參與 UX，共創更有共鳴的產品
我主動訪談超過 1/3 的同仁，從客服、業務到採購及商品管理夥伴們，邀請他們一起參與 Workshop、拆解用戶回饋。這讓團隊開始理解：「UX 不只是設計師的事，而是大家都能參與的過程。」專案之後，同事們也更願意主動提出使用者觀察與產品建議。
4
🧱 攜手前端建立元件規格，推動設計系統雛形
改版過程中，我與前端合作規劃元件規格與共用樣式，逐步建立設計系統雛形。雖然資源有限，但這些累積讓我們後續開發能更快、更一致，也讓設計的價值不止停留在單次改版上。
