CLOSE

上宏茂

網頁設計

上宏茂 – 網站架構介紹

下拉式子選項分類,引導瀏覽位置

上宏茂 是以生物科技研發為主要經營項目,具有較為複雜的產業專業知識介紹項目,因此從公司介紹、技術研發、製程服務三個面向來規劃整體網站動線,讓網站內容具有主次分明的特性,讓網站訪客可以根據不同的主要資訊區塊做串接瀏覽,讓閱讀更有連貫性。

在聯絡我們的頁面中除了提供基本線上表單填寫與提交功能,也在頁面之中嵌入動態即時顯示的 Google 地圖,讓瀏覽者可以使用 Google Maps 功能快速找到上宏茂企業所在位置。

網頁元素設計理念

產業特色背景,圖表條列數據

結合生物科技研發常使用的化學元素結構圖做為網頁背景的點綴,讓整體企業網站在視覺上更有質感,並且與網站主題具有一致性。每一頁面均設計主頁標題欄位,並以意象圖片做為背景,讓網站訪客可以透過標題辨識了解當前所在位置,讓整體瀏覽歷程更加順暢。

以 上宏茂 所提供的圖表檔案製作產業知識頁面,相較於以文字敘述數據,圖表顯示的方式更具有專業架勢,我們在版面上以最合理的元素顯示間距以及表格文字顏色配置,讓多元化的產業知識在同一版面中結合,卻又不顯的過於緊湊,讓使用者有更好的閱讀體驗,才能有更高的機會建立企業品牌信任。

網站架設特色功能

RWD 響應式設計、時間軸特效、大圖輪播與載入動畫

將 WordPress 版型與 RWD 響應式網頁技術相互結合,讓企業網站在不同裝置上瀏覽時均能呈現正確版面,不需製作 App 或另建手機版網站,一站多用的高 CP 值,有效節省網路行銷成本。

在公司沿革中設計時間軸文字動態效果,並且在網站首頁的網頁元素載入時均具有入場動畫,讓本應無趣的文字介紹變得更加生動,吸引網站訪客觀看興致。

CONTACT US

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