能源公司企業網站
官網全新改版上線，優化品牌形象與服務架構
Year
2025
Type
Corporate Website
Focus
品牌識別重塑
Builder
Wix
能源公司企業網站
官網全新改版上線，優化品牌形象與服務架構
Year
2025
Type
Corporate Website
Focus
品牌識別重塑
Builder
Wix
Project Overview
專案背景
原有官網僅以靜態圖片呈現資訊，缺乏RWD更因文字無法被搜尋，而嚴重缺失 SEO 效益，難以傳遞品牌價值。本專案透過重新架構，將資訊轉化為數位內容，打造一個兼具專業深度與商業轉化能力的官方網站。
重構前原貌
當時的網頁主要以靜態圖片承載資訊，甚至連核心的文字訊息都直接嵌入圖片中，導致內容無法被搜尋引擎擷取。
重構重點目標
我將重構核心聚焦於「資訊可讀性」。重新定義網頁的資訊層級與互動邏輯，確保品牌內容不僅在視覺上具備現代感，更在技術層面達成 SEO 友善與跨裝置的高度適配。
內容抉擇與資訊架構
重新整理進行資料蒐集與歸類。將業務項目轉為系統結構，依據需求定義各頁面資訊顯示優先順序。
響應式設計
解決舊版網站無 RWD 的問題，針對各種螢幕尺寸進行佈署，確保在行動端維持優良的閱讀性。
品牌視覺系統
重新定義品牌識別色，提升網站整體的信賴度。
後續維運策略
沿用企業習慣的 Wix 平台進行。讓非技術人員能自主更新內容，確保維運的便利性與延續性。
Information Architecture & Template System
全站架構與版型系統
因為全站頁數超過 40 個分頁，我首先定義了清晰的七大核心目錄：首頁、關於、產品、服務、投資人、最新消息及聯絡我們。為了在龐雜的資訊中維持品牌一致性，建立了全局通用的視覺規範，並針對性質相近的頁面設計「通用版型」。這種模組化的設計策略，不僅大幅提升了開發效率，也確保了使用者在跨分頁瀏覽時的操作邏輯與視覺感受高度統一。
全局一致性元件
配置統一Page Header與Breadcrumbs導覽。
模組化 CMS
用 Wix 平台後台管理，建立易於更新的通用版型。
全站響應式
導入 響應式佈局，確保裝置閱讀無障礙。
Project Overview
專案背景
原有官網僅以靜態圖片呈現資訊，缺乏RWD更因文字無法被搜尋，而嚴重缺失 SEO 效益，難以傳遞品牌價值。本專案透過重新架構，將資訊轉化為數位內容，打造一個兼具專業深度與商業轉化能力的官方網站。
重構前原貌
當時的網頁主要以靜態圖片承載資訊，甚至連核心的文字訊息都直接嵌入圖片中，導致內容無法被搜尋引擎擷取。
重構重點目標
我將重構核心聚焦於「資訊可讀性」。重新定義網頁的資訊層級與互動邏輯，確保品牌內容不僅在視覺上具備現代感，更在技術層面達成 SEO 友善與跨裝置的高度適配。
內容抉擇與資訊架構
重新整理進行資料蒐集與歸類。將業務項目轉為系統結構，依據需求定義各頁面資訊顯示優先順序。
響應式設計
解決舊版網站無 RWD 的問題，針對各種螢幕尺寸進行佈署，確保在行動端維持優良的閱讀性。
品牌視覺系統
重新定義品牌識別色，提升網站整體的信賴度。
後續維運策略
沿用企業習慣的 Wix 平台進行。讓非技術人員能自主更新內容，確保維運的便利性與延續性。
Information Architecture & Template System
全站架構與版型系統
因為全站頁數超過 40 個分頁，我首先定義了清晰的七大核心目錄：首頁、關於、產品、服務、投資人、最新消息及聯絡我們。為了在龐雜的資訊中維持品牌一致性，建立了全局通用的視覺規範，並針對性質相近的頁面設計「通用版型」。這種模組化的設計策略，不僅大幅提升了開發效率，也確保了使用者在跨分頁瀏覽時的操作邏輯與視覺感受高度統一。
全局一致性元件
配置統一Page Header與Breadcrumbs導覽。
模組化 CMS
用 Wix 平台後台管理，建立易於更新的通用版型。
全站響應式
導入 響應式佈局，確保裝置閱讀無障礙。
Project Overview
專案背景
原有官網僅以靜態圖片呈現資訊，缺乏RWD更因文字無法被搜尋，而嚴重缺失 SEO 效益，難以傳遞品牌價值。本專案透過重新架構，將資訊轉化為數位內容，打造一個兼具專業深度與商業轉化能力的官方網站。
重構前原貌
當時的網頁主要以靜態圖片承載資訊，甚至連核心的文字訊息都直接嵌入圖片中，導致內容無法被搜尋引擎擷取。
重構重點目標
我將重構核心聚焦於「資訊可讀性」。重新定義網頁的資訊層級與互動邏輯，確保品牌內容不僅在視覺上具備現代感，更在技術層面達成 SEO 友善與跨裝置的高度適配。
內容抉擇與資訊架構
重新整理進行資料蒐集與歸類。將業務項目轉為系統結構，依據需求定義各頁面資訊顯示優先順序。
響應式設計
解決舊版網站無 RWD 的問題，針對各種螢幕尺寸進行佈署，確保在行動端維持優良的閱讀性。
品牌視覺系統
重新定義品牌識別色，提升網站整體的信賴度。
後續維運策略
沿用企業習慣的 Wix 平台進行。讓非技術人員能自主更新內容，確保維運的便利性與延續性。
Information Architecture & Template System
全站架構與版型系統
因為全站頁數超過 40 個分頁，我首先定義了清晰的七大核心目錄：首頁、關於、產品、服務、投資人、最新消息及聯絡我們。為了在龐雜的資訊中維持品牌一致性，建立了全局通用的視覺規範，並針對性質相近的頁面設計「通用版型」。這種模組化的設計策略，不僅大幅提升了開發效率，也確保了使用者在跨分頁瀏覽時的操作邏輯與視覺感受高度統一。
全局一致性元件
配置統一Page Header與Breadcrumbs導覽。
模組化 CMS
用 Wix 平台後台管理，建立易於更新的通用版型。
全站響應式
導入 響應式佈局，確保裝置閱讀無障礙。
