台達金實業

網頁設計

台達金 – 網站架構介紹

側邊欄主選單 網站地圖導覽

台達金 是以餐飲廚具批量銷售為主要經營項目，從完整機台到中小型零件都有銷售，基於產業特性與企業主網站設計取向，運用畫面視覺集中理念以固定側邊主選單為主要網站架構設計方式，讓公司所有網頁內容與產品目錄能一覽無遺。

在頁面內部分，整體網站均使用固定側邊欄選單的樣式，在排版上能夠顯示的空間有限，因此在主要內容頁面中選擇以網格區塊方式呈現，在產品、文章、合作品牌等頁面均採用此設計，讓各分頁版面更有條理，並且具有相互呼應的一致性。

網頁元素設計理念

品牌標誌結合網站內容元素

多元色彩搭配與單一色是網頁設計元素的一大挑戰，在本次案例中基於產業特性，並沒有以過於複雜的配色系統來呈顯整體網站風格，而是以企業品牌標誌為網站元素主色系，搭配黑、灰、白三種主色調以建構簡約大氣、專業工藝之感。

為了讓網站有更佳的視覺效果，在頁面首圖下設計以古典牡丹圖樣點綴，提升網頁美感 。而在最重要的產品展示，使用去背景產品圖搭配灰底色層，讓產品細節更加突出，並且讓網站訪客對於單一產品有更快的視覺辨識時間。

網站架設特色功能

圖片翻轉動畫、背景視差滾動、Lightbox 大圖預覽輪播

首頁部分採用背景視差滾動效果，讓食品樣圖逐一呈現，巧妙結合廚具用途與食品製作的關聯性。而在說明與介紹的列表，加入游標懸浮漸層變色效果，增添可視性。

在品牌介紹與聯絡資訊部分，均具有圖片翻轉效果，除吸引瀏覽者注意給予印象外，也能有效提示此區域是能夠到達其它連結頁面的提示效果。

消費者總是會期望透過企業網站瀏覽產品時，能從不同角度了解到產品更多細節，因此特別在 台達金 產品介紹頁上加入 Lightbox 大圖預覽輪播特效，以全螢幕覆蓋方式展示所有商品細節圖片，給予網站訪客越好的瀏覽體驗，才能有效提升詢價與下單訂購機會。