溢勝纖維

網頁設計

溢勝纖維 – 網站架構介紹

大型選單導航 定製產品分類頁

溢勝纖維 是以各式原布料加工進出口外銷為主要網站製作目標，因此在產品種類具有許多不同特性的狀況下，在表現上必須以更加明確的形式讓瀏覽者能夠一目了然，因此在網站主要導航區域中為產品連結設計下拉式大型連結選單，將不同的布料種類、特性、功能等以 Icon 標示顯示於列表之中，讓使用者能以更直觀快速的瀏覽方式跳轉想要觀看的產品頁面。

在產品個別頁面中結合 WordPress x Woocomerce 電子商務系統的屬性功能，讓每一分類頁面不在只以檔案列表顯示，而是加入特色圖片與說明文字，讓客製化分類頁面能充分運用 CMS 系統特性，有效減少附加外掛帶來的程式衝突風險與主機運作負擔，加快網站速度與穩定性。

網頁元素設計理念

圖像化產業特性 客製化網頁排版

為了表達產品布料所具有的不同特性，除了文字敘述外也同時加入意象化圖示，讓使用者能以圖像更快理解不同布料間所具有的功能，同時在頁面副標題中統一以品牌標誌色系設計色塊，提升閱讀時的可辨識度與網站一致性。

在網站版面上採取完全客製化的設計方式，以幾何圖形搭配文字圖片，交錯運用 CSS 固定與滾動元素的特效，讓網站擁有與眾不同的形象，加深使用者瀏覽時對企業品牌的印象。

網站架設特色功能

多國語言、進度條動畫、產品篩選系統、詢價車

傳統產業轉型的第一步就是建立多國語言型態的外銷網站，利用互聯網特性加上正確的多語系網站架設標準，讓產品與服務能夠有更多走出國內、行銷世界的機會。

在企業特別介紹的區塊，以進度條動畫設計，引導使用者瀏覽時的慣性思維，按照指示方向進而詳細閱讀介紹內容。

為多樣化產品束性建立篩選系統，使用者只需點選材質、用途、功能等條件就能輕易找出符合自身要求的產品項目，搭配簡易填寫的詢價表單，給予使用者更加流暢的網站操作體驗。