詮欣企業

網頁設計

詮欣企業 – 網站架構介紹

網站導航列、產品分類側邊選單、內部錨點連結、

詮欣企業 是以電子精密零組件為主要經營項目，每一個產品分類下的子分類相當繁多，為了讓整體網站架構更利於使用者瀏覽，因此規劃了網站導航列，無論瀏覽到哪一個產品分類頁面，都會顯示當前分類的上下層連結，除了讓使用者更好辨識目前所在位置，也讓搜尋引擎更好理解網站結構內容。

由於過多的產品分類選項在主選單中較難以呈現，因此在產品主分類頁面中均規劃了側邊欄選單，點擊主分類時將自動顯示次分類清單，降低因主選單過於複雜導致使用者操作困難的機率發生。

另外在技術中心頁面，也在頂部標題區域下方設置錨點小選單，只要點擊連結就能快速捲動到相對應的資訊區域。

網頁元素設計理念

頁面橫幅、標題醒目提示、視覺 Icon、年表特效

網站中每一個頁面均設置頂部橫幅，內容置入了頁面標題與導航列連結，給予瀏覽者更加明顯的網頁瀏覽指引，讓網站檢視過程更加順利進行。

在文字區域的標題部分，均加入顯眼的 Icon 色塊，讓標題具有更佳的識別性，在瀏覽網頁時能更快篩選出資訊重點內容，除此之外像是聯絡我們頁面中，也以圖像代替文字的方式呈現項目內容。

在公司沿革年表中當載入年份紀要時會以動態轉換呈現視覺效果，讓較為嚴謹的文字多出視覺變化，提升使用者閱讀網頁內容的興趣，

網站架設特色功能

員工登入系統、線上 PDF 下載、商品分類篩選器、多國語言建立

功能齊全的網站必定具有一站多用的特性，如同本次網站架設案例除了為產品做妥善規劃，另外也應用 WordPress 開源程式碼特性設計員工登入系統，輔助企業管理項目能以資訊化方式運作。

另外在產品屬性眾多的狀態下，我們應用了 Ajax 技術，讓使用者可以根據不同需求，在產品分類中以屬性快速篩選出具有相對應特性的產品內容，提升企業網站實質上的有效價值。

因應企業需求，也為網站加入了 PDF 上傳與網頁一鍵下載的功能，此外在外銷功能性部份在同樣網站外觀樣式的基礎下建置了英文版本，讓網站給予不同國籍訪客更加友善的瀏覽環境。