CORPORATE WEBSITE / CASE STUDY ← BACK TO PROJECTS

Corporate Website・RWD・UI/UX・Web Development

茂銓企業股份有限公司|
企業網站 |2025–Present

建置茂銓企業全新企業網站, 重新規劃品牌資訊架構與網站內容呈現方式, 整合產品、技術支援、服務與聯絡資訊, 建立符合企業形象與產品資訊展示需求的網站架構。 本案從企業網站規劃、UI/UX 設計、 首頁與共用內頁版型、產品資訊呈現, 到前端網頁製作與 RWD 響應式開發, 並建立雙語系網站架構, 持續提供網站上線後的維運與內容調整服務。

Corporate Website Website Planning UI/UX RWD Front-end Web Development Bilingual Product Responsive Maintenance
茂銓企業股份有限公司|企業網站

PROJECT OVERVIEW

重新建立企業資訊架構,打造清晰的
品牌與產品資訊網站。

本案為茂銓企業全新企業網站建置, 以企業形象與產品資訊展示為核心, 重新規劃網站架構與內容呈現方式。

從企業網站規劃、資訊架構、UI/UX 設計開始, 建立首頁及共用內頁版型, 並針對產品、技術支援、服務與聯絡資訊進行內容整理。

網站採 RWD 響應式設計, 兼顧 Desktop、Tablet 與 Mobile 不同裝置的瀏覽需求, 並建立雙語系網站架構, 維持不同語系之間的資訊與介面一致性。

前端則依設計規劃進行網頁製作與響應式切版, 將企業品牌視覺、產品分類及內容資訊轉化為完整的網站介面。

網站上線後持續提供維運與內容調整, 依企業實際需求進行網站內容更新與功能維護。

PROJECT CHALLENGE

將分散的企業與產品資訊,
重新整理為清楚且一致的網站體驗。

既有企業資訊內容較為分散, 同時包含產品種類、技術資訊、服務及企業基本資訊, 需要重新整理資訊層級與網站瀏覽流程。

產品資訊為企業網站的重要內容, 因此需要透過清楚的分類與頁面架構, 協助使用者快速理解產品內容與相關資訊。

同時網站需要兼顧桌機、平板與手機的瀏覽體驗, 並建立雙語系架構, 確保不同裝置及語系之間維持一致的視覺與操作邏輯。

01 Information Architecture

重新整理企業、產品、技術支援及服務資訊, 建立清楚的網站內容架構。

02 Product Presentation

重新規劃產品分類與資訊呈現方式, 提升產品內容的閱讀與理解效率。

03 UI/UX Consistency

建立一致的介面設計與操作邏輯, 讓不同頁面維持統一的使用體驗。

04 Responsive Design

同時兼顧 Desktop、Tablet 與 Mobile 不同裝置的瀏覽需求。

05 Bilingual Structure

建立雙語系網站架構, 維持不同語系的內容與介面一致性。

06 Maintenance

網站上線後持續進行內容更新、 功能維護與網站調整。

WEBSITE PLANNING & DEVELOPMENT

從資訊架構、UI/UX 到 RWD 開發,
建立完整的企業網站。

以企業形象與產品資訊展示為核心, 從網站資訊架構與內容規劃開始, 延伸至 UI/UX、共用版型、RWD、 雙語系及前端網頁開發, 建立一致且容易維護的企業網站架構。

01

WEBSITE PLANNING

企業網站架構規劃

重新規劃企業網站資訊架構, 整合企業介紹、產品、技術支援、 服務與聯絡資訊等主要內容。

02

UI / UX DESIGN

UI/UX 介面設計

依企業品牌與內容需求進行介面規劃, 建立清楚的資訊層級與操作邏輯, 提升網站閱讀與瀏覽體驗。

03

VISUAL SYSTEM

首頁與共用版型

建立首頁及共用內頁版型, 統一標題、內容區塊、導覽與資訊呈現方式, 建立一致的網站視覺系統。

04

PRODUCT EXPERIENCE

產品資訊呈現

依產品分類重新整理資訊架構, 透過清楚的內容層級與版面配置, 提升產品資訊閱讀效率。

05

RESPONSIVE WEB DESIGN

RWD 響應式設計

針對 Desktop、Tablet 與 Mobile 進行響應式版面規劃, 讓網站內容適應不同螢幕尺寸。

06

BILINGUAL

雙語系網站架構

建立雙語系網站架構, 讓不同語系內容維持一致的網站導覽、 版型與操作體驗。

07

FRONT-END DEVELOPMENT

前端網頁開發

依 UI/UX 設計進行前端網頁製作與切版, 實現網站版型、內容呈現與響應式互動效果。

08

MAINTENANCE

持續維運

網站上線後持續提供維運服務, 依企業需求進行內容更新、頁面調整 與網站功能維護。

UI / UX DESIGN

從企業形象與產品資訊出發,
建立清楚且一致的網站瀏覽體驗。

本案以企業形象與產品資訊展示為核心, 重新整理網站內容層級與資訊架構, 讓使用者能快速理解企業服務、 產品類別及技術能力。

透過首頁與共用內頁版型、 產品資訊介面、雙語系架構及 RWD 響應式設計, 建立從 Desktop 到 Mobile 的一致瀏覽體驗。

CORPORATE WEBSITE EXPERIENCE

BRAND → INFORMATION → PRODUCT → SERVICE → BILINGUAL → RESPONSIVE → MAINTENANCE

01
CORPORATE IDENTITY|企業形象

以企業形象與品牌資訊為核心, 建立一致的網站視覺與內容呈現方式。

02
INFORMATION ARCHITECTURE|資訊架構

重新整理企業、產品、技術支援、服務及聯絡資訊, 建立清楚的網站導覽與內容層級。

03
PRODUCT EXPERIENCE|產品體驗

依產品分類重新規劃資訊呈現方式, 讓使用者能更快速理解產品內容與相關資訊。

04
UI SYSTEM|介面系統

建立首頁及共用內頁版型, 統一不同頁面的標題、內容區塊與操作方式。

05
BILINGUAL|雙語系

建立雙語系網站架構, 維持不同語系在資訊架構、版型與操作方式上的一致性。

06
RESPONSIVE|RWD 響應式

針對 Desktop、Tablet 與 Mobile 進行響應式設計, 讓網站內容適應不同裝置。

07
FRONT-END|前端製作

將 UI/UX 設計轉化為實際網站介面, 完成前端網頁製作、切版與響應式調整。

08
MAINTENANCE|持續維運

網站上線後持續進行內容調整與網站維護, 依企業需求支援後續網站更新。

CORPORATE WEBSITE

建立一致的企業品牌網站,
提升產品資訊與企業服務的數位呈現。

完成茂銓企業全新企業網站建置, 重新建立品牌資訊架構、產品分類與內容呈現方式, 並透過雙語系與 RWD 設計, 提供跨裝置的一致網站體驗。 網站上線後持續提供維運與內容調整服務。

01 / Website Planning |重新規劃企業網站資訊架構、內容分類與網站導覽 02 / UI/UX Design |建立首頁、共用內頁及產品資訊介面,提升資訊閱讀與瀏覽體驗 03 / Product Presentation |重新整理產品分類與資訊呈現方式,讓使用者快速理解產品內容 04 / Responsive Web Design |完成 Desktop、Tablet、Mobile RWD 響應式網站設計 05 / Bilingual Website |建立雙語系網站架構,維持不同語系的內容與介面一致性 06 / Front-end Development |依 UI/UX 設計完成前端網頁製作、切版與響應式調整 07 / Corporate Information |整合企業介紹、產品、技術支援、服務及聯絡資訊 08 / Maintenance |網站上線後持續提供內容更新、頁面調整與網站維運服務

本案為 2025 年起執行之企業網站建置與維運專案, 持續提供網站內容調整與功能維護服務。

← BACK TO PROJECTS
素材說明|本案 LOGO、產品圖素材由客戶提供,本案負責網站視覺、UI/UX 規劃與數位應用呈現;相關智慧財產權歸原權利人所有。 CORPORATE WEBSITE / CASE STUDY