專案概要
工具兔，是一個大型的五金零件b2b2c平台，致力於為消費者提供來自世界各地的優質五金工具，包括零件、工具箱和大型機械設備。他們與正牌代理商及法律事務所合作，為全站商品做最全面的品質管控。這次的專案旨在打造一個直觀、高效的線上購物平台，讓訪客輕鬆找到所需的五金零件，並享受卓越的購物體驗。
設計時程
2021年9月 - 2021年10月
擔任角色
風格提案、網站視覺、UI優化
重點特色
設計上以簡約、明亮的黑、白和品牌橘黃色為主色調，強調極簡風格，突顯產品特點。排版和卡片設計使用直角、方正的元素，呼應五金工具的工業風格，顯現出俐落的形象。
另外，也避免了過多的裝飾設計，讓使用者的注意力集中在產品上。這樣的設計不僅使網站看起來整潔，也提供了極佳的瀏覽體驗，確保使用者可以輕鬆找到所需的商品，享受無干擾的購物體驗。
在整個網頁中，巧妙地融入了品牌五金工具的創意元素。例如，運用了不同的五金材質作為各頁面Banner的底圖，營造出獨特的質感。此外，卡片的設計上使用螺絲釘作為四角的裝飾，這種小巧思不僅突顯了品牌的工業風格，還為網頁增添了趣味和細節感。
Banner五金材質底圖
卡片螺絲釘裝飾
設計挑戰
好的篩選器功能，能讓消費者在尋找商品時的範圍逐步縮小，接近目標。
這次設計上採用的是可複選的「標籤式」篩選器，針對產品分類、工具種類、規格、品牌等多方位需求，提供多重篩選，適合選擇困難症消費者，輕鬆找到最合適的商品。
為了更直覺呈現商品，與團隊成員討論後，在Mega Menu設計上採用了多層次選單。
我們將工具按照種類分類，並製作成可摺疊的目錄。這不僅使畫面更簡潔易讀，也方便用戶快速尋找所需，同時提升了在小屏幕裝置上的使用體驗，為行動裝置使用者提供更友善的瀏覽環境。
設計系統
