威世波 Wavesplitter
Year
2024
Industry
光通訊
Feature
#產品篩選功能
#購物車系統
01Background
專案背景
威世波主要從事 AV 相關產品、光通訊的研發以及生產。
本專案將官網由傳統的企業風格,徹底翻新為以「光通訊」為核心的數位形象。
提取 CIS 企業識別色作為視覺基調,並透過光感元素與動態線條的互動效果,具象化光纖傳輸中的數據流動感,功能層面則導入了購物車系統,實現了美學與商務功能的整合。
02Outcomes
設計成果
-
產品篩選系統
建立了流暢的產品篩選系統,使用者從選單選取想瀏覽的產品後,將會自動帶入篩選標籤並跳轉至產品頁面。切換不同篩選項時,右側也有區域即時更新產品數,確保每一次操作都有明確的視覺回饋。
-
購物車功能
配合 WooCommerce 設計了購物車流程的版面,確保使用者在購物時也有一致的體驗
-
重新繪製內頁圖表
使用符合網站風格的元素,並清楚解釋技術內容,增加使用者信賴感。


04Highlights
設計亮點
-
結合光感與線條的互動