鎌裕實業

鎌裕實業 - 網站設計範例

鎌裕實業 - 網站架構介紹

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

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

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

網頁元素設計理念

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

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

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

網站架設特色功能

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

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

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

關閉