CLOSE

得億國際

網頁設計

得億國際 – 網站架構介紹

網站地圖、標題導航列、產品快速連結

得億國際 是以金屬材料零附件大宗製造與進出口為主要經營項目,此次製作的網站類型為企業形象網站,在主選單部分採用左右固定寬度集中資訊列的方式呈現,所有網頁連結均直接顯示於頁首,而不使用下拉式選單,以避免過於複雜網站瀏覽方式。

在必須符合 SEO 友善架構的考量下,每一頁面均加入連結導航列,清楚標示上下頁面階層關係,讓使用者可以更容易識別目前所在位置,另外在主力頁面產品介紹中以按鈕方式呈現三項產品頁的導向連結,讓使用者以更直觀的方式快速進入到其他產品資訊頁。

除了提交特定格式的網站地圖至搜尋引擎加速索引速度,此次專案中也為企業加入實際網站地圖頁面,目的是作為使用者在搜尋站內資訊時的參考,彙整連結也有助於加強網站內部連結的關聯性。

網頁元素設計理念

打字特效、游標懸浮動畫、全版影片、自動篩選

在產品頁面中除了使用 SVG 繪圖動畫來呈現頁面載入特效,不同產品類型按鈕也以打字特效方式顯示,另外為增加使用者對網站內容印象,在滑鼠游標移動至連結或特定位置時也都會執行不一定的變換化模式,除了提升網站動態視覺效果外,同時也能輔助使用者了解可點擊元素位置。

與一般網站直接嵌入影片的做法不同,在得億國際案例中採用跳出是全版面影片,當使用者點擊播放按鈕後,將會以填充整個螢幕的方式播放影片,讓使用者可以更專注於觀看影片的動作,另外為簡化產品檢視的操作,在不同分類產品切換時加入點擊自動篩選功能,使用者不需要再滾動畫面來尋找所需產品,網站程式會自動根據條件縮小產品顯示範圍。

網站架設特色功能

客製化地圖表單、會員分級系統、彈出式文字、檔案下載表單、多國語言

為配合網站整體樣式,鵠崙以 CSS 3 技術在網頁中客製化 Google 地圖外觀樣式,讓本來需要額外製作的動態地圖可以按照企業主要求直接呈現,而在聯絡表單部分則是按照企業客群習慣,以額外程式碼讓表單填寫流程更加合理化。

以企業產品應用服務項目為基準,在網站加入了會員分級系統,當具有不同等級分類的使用者登入,在帳戶中只會顯示屬於該分級的可操作表單,另外在應用服務中為增加網站互動性,在點擊每一個零組件時會跳出文字提示框顯示相對應的型號資訊,同時也避免了過於複雜的文字排版導致網站訪客閱讀困難的狀況發生。

得億國際具有英語、德語、西班牙語三種語言,鵠崙以 WordPress 相容性最高的正版付費程式 WPML 建立多語言版本,除了按照 Google SEO 指設定正確的網頁語言標記外,也針對企業提供的語言文字做校對與版面調整,讓網站對不同國家的使用者都能提供最佳的瀏覽體驗。

Other

其他案例

CONTACT US

想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!