鎌裕實業
網頁設計
鎌裕實業 – 網站架構介紹
產品設計樣圖與載入動畫結合
鎌裕實業 是以燈具零件材料為主要產品銷售項目,在與業主共同討論與規劃網站架構後,決定以產品設計圖作為頁面底圖的一部分,在避免畫面過於重複單調的同時,也能結合產品樣式給予使用者較深的品牌印象。
網站讀取時會有所謂的入場動畫,通常在單一頁面較重要的資訊部分會應用此技術,在此次案例公司簡介的頁面中就將目標、願景、使命等三個資訊內容以動畫載入的方式呈現,讓網站訪客能優先注意此內容。
網頁元素設計理念
同色系 Icon 顯示,獨特性字體運用
有別於一般網站設計以單調的 Icon 顯示資料列表,此案例中採用三種不同色系搭配來顯示 Icon 樣式,圖案的意象能讓網站資料更容易被理解,有助於使用者閱讀體驗。
千篇一律的網站字體,讓網站難以顯示差異性,每一種字體都有適合講述的內容,也能夠展現品牌獨特性與網站專業度,而不是淪為大眾網站,難以帶給瀏覽者深刻印象。
網站架設特色功能
產品自動分類動畫 ,Timeline 大事紀展示
企業設計的成功案例中,運用了 JavaScript 技術,當點擊分類名稱按鈕時,所展示的案例圖片就會自動篩選,如此能提供網站訪客快速查找資料的方式,而不需要花費時間人工辨識。
企業想要累積信賴度必定要依靠時間,因此在企業形象網站中,大事紀要該如何展示至關重要,本次案例中設計以 TimeLine 時間軸效果來顯示企業底蘊,隨畫面捲動讓年份與紀要內容一一呈現,有趣而不刻板的動畫效果才能引起訪客好奇心,進一步繼續了解大事紀要內容。
想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!