上宏茂

網頁設計

上宏茂 – 網站架構介紹

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

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

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

網頁元素設計理念

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

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

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

網站架設特色功能

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

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

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