威世波

Wavesplitter

威世波

威世波 Wavesplitter

Year
2024
Industry
光通訊
Feature
#產品篩選功能
#購物車系統

01Background

專案背景

威世波主要從事 AV 相關產品、光通訊的研發以及生產。


本專案將官網由傳統的企業風格,徹底翻新為以「光通訊」為核心的數位形象。

提取 CIS 企業識別色作為視覺基調,並透過光感元素與動態線條的互動效果,具象化光纖傳輸中的數據流動感,功能層面則導入了購物車系統,實現了美學與商務功能的整合。

02Outcomes

設計成果

  • 產品篩選系統

    建立了流暢的產品篩選系統,使用者從選單選取想瀏覽的產品後,將會自動帶入篩選標籤並跳轉至產品頁面。切換不同篩選項時,右側也有區域即時更新產品數,確保每一次操作都有明確的視覺回饋。

  • 購物車功能

    配合 WooCommerce 設計了購物車流程的版面,確保使用者在購物時也有一致的體驗

  • 重新繪製內頁圖表

    使用符合網站風格的元素,並清楚解釋技術內容,增加使用者信賴感。

04Highlights

設計亮點

  • 結合光感與線條的互動
看實際網站