鎌裕實業

網頁設計

鎌裕實業 – 網站架構介紹

產品設計樣圖與載入動畫結合

鎌裕實業 是以燈具零件材料為主要產品銷售項目，在與業主共同討論與規劃網站架構後，決定以產品設計圖作為頁面底圖的一部分，在避免畫面過於重複單調的同時，也能結合產品樣式給予使用者較深的品牌印象。

網站讀取時會有所謂的入場動畫，通常在單一頁面較重要的資訊部分會應用此技術，在此次案例公司簡介的頁面中就將目標、願景、使命等三個資訊內容以動畫載入的方式呈現，讓網站訪客能優先注意此內容。

網頁元素設計理念

同色系 Icon 顯示，獨特性字體運用

有別於一般網站設計以單調的 Icon 顯示資料列表，此案例中採用三種不同色系搭配來顯示 Icon 樣式，圖案的意象能讓網站資料更容易被理解，有助於使用者閱讀體驗。

千篇一律的網站字體，讓網站難以顯示差異性，每一種字體都有適合講述的內容，也能夠展現品牌獨特性與網站專業度，而不是淪為大眾網站，難以帶給瀏覽者深刻印象。

網站架設特色功能

產品自動分類動畫 ，Timeline 大事紀展示

企業設計的成功案例中，運用了 JavaScript 技術，當點擊分類名稱按鈕時，所展示的案例圖片就會自動篩選，如此能提供網站訪客快速查找資料的方式，而不需要花費時間人工辨識。

企業想要累積信賴度必定要依靠時間，因此在企業形象網站中，大事紀要該如何展示至關重要，本次案例中設計以 TimeLine 時間軸效果來顯示企業底蘊，隨畫面捲動讓年份與紀要內容一一呈現，有趣而不刻板的動畫效果才能引起訪客好奇心，進一步繼續了解大事紀要內容。