2021 - 2023 · 產品設計師 · 10+ 專案 · 100+ 元件

推動建構設計系統

設計系統

設計元件庫

介面設計

專案簡介

團隊目標

統一設計語言增加未來產品擴展彈性，並減少設計師與工程的溝通成本，達成流暢的工作流程。

角色與產出

推動並執行設計系統的發展，包含初期執行內容與流程，進行設計文件的撰寫與迭代。

專案挑戰

在不影響原有工作流程下，與團隊成員達成共識並推動使用統一元件。

專案成果與影響

公司優化皆使用設計系統，達成產品體驗的一致性，降低開發成本。

設計背景

香港最大電子商務公司，推出 B2B2C 電子商貿方案

HKTVmall 是香港最大的電子商務公司，並且從產品上市以來，持續推出新的內容和功能，由於過去五年的發展，產品功能橫跨 16 個平台、超過 50 功能，為了加速新商業模式的擴展與降低開發成本、提升效率，推動設計系統。
‍
2020年創立Shoalter研發中心，協助更多不同類型的香港及國際零售商和品牌，進一步推動香港零售業的數位化發展。

設計流程

彙整既有介面

查看所有平台，分類並整理元件、色票、以及字體風格

競品研究

分析介面與體驗設計，了解目前市場趨勢與服務

提案

透過既有介面與研究，呈現困難點並提出解決方案。

創建設計系統

從色票、元件及字型開始，撰寫文件並持續迭代

挑戰

文化轉變及有限資源

作為新創立的子公司與新團隊，我們在推動新的流程遭遇許多阻力：

① 有限的時間與資源

因為建立設計系統需要投入大量時間進行設計元件的制定、文檔的編寫以及團隊的磨合。在原有的設計需求下，我們需要一邊處理原有專案，一邊建立設計系統，並引入專案使用。我們制定了內部推動策略，慢慢的從設計團隊開始到整個開發團隊及專案經理們意識到設計系統的價值。並將設計系統切成小任務，在不影響日常任務的情況下完成。