Cloudmax 品牌形象網站重塑
淘汰過時的 CMS 架構網站，改以 WordPress 重新架設企業官網，提升網站效能與後續維護彈性。重新定義整體 UI 設計，兼顧專業形象與清新風格，優化使用者瀏覽體驗。並導入有利於 Google 搜尋的 SEO 結構化資料，全面提升搜尋能見度與導購效率。
專案日期
2025/03-2025/06
角色
UIUX、網頁設計師
負責項目
UI 視覺規劃、建立網站、網站 SEO 文案修正、觀察 Console 數據，測試並改善
問題與研究
舊有網站是數十年前委外開發的 CMS 系統，雖然曾陪伴我們歷經兩次網站改版，但在實際操作上，頁面製作流程相當繁瑣。系統雖支援建立可重複使用的版面模組，但由於當時時程緊迫，前端將程式碼嵌入頁面，雖然對開發人員來說透過程式碼維護相對便利，但對於不具備程式能力的使用者而言相當不便。
此外，我們也觀察到網站的 SEO 表現逐漸下滑，考量到未來維運彈性與內容優化的需求，最終決定全面汰換舊有後台，改以彈性較高且操作友善的 WordPress 系統重建網站。
網站觀察重點：
當前網站整體風格偏淡雅、樸素，無法第一眼吸睛，缺乏科技感與專業形象。
企業識別色為鮮明的橘紅色，大量使用容易造成視覺疲勞。
重要的功能塞在很不明顯的地方，用戶反映難找
競品研究
參考競品趨勢，我們規劃以深色調結合高質感圖片來翻新視覺。首頁將導入影片播放效果，利用視覺張力，確保使用者在入站瞬間即產生強烈的視覺記憶點。
設計時程/規範
改版鎖定首頁與核心頁面進行視覺重塑，在維持產品文案不變的前提下，透過參考國內外競品定義專屬色調，並利用 WordPress 建立可重複使用的組件（Component），達成快速的網站翻新。
Siemap
設計規範
視覺風格定義：
核心理念： 延續雲端服務領導者的專業與穩重感，以「高效、穩定、技術力」為核心視覺導向。
品牌主色： 採用一點企業色點綴，並使用科技與穩定的「企業深藍 (Trust Blue)」對於視覺較不容易疲乏。
字體規範： 採用具現代感的黑體（Sans-serif），如微軟正黑體或思源黑體，確保在各種數位裝置上均具備極佳的易讀性。
設計交付與協作
1. 核心策略：SEO 權重無縫繼承
為了確保網站改版後能完美銜接舊有的流量基礎，我與團隊達成共識，採取 「網址一致化」 的改版策略。透過精準對應新舊架構的網址路徑，省去繁瑣的 301 轉址作業，從底層確保 SEO 表現不因改版而產生震盪。
2. 技術協作：環境模擬與 HOSTS 驗證
在交付與測試階段，為確保能在「網址不變」的前提下進行最真實的環境驗證，與後端工程師緊密配合：
專業溝通： 採納工程師建議，透過 「測試 IP 搭配修改本地 HOSTS 檔案」 的方式，在不影響正式官網運作的情況下，先行在真實網址下預覽 WordPress 的動態表現。
實作驗證： 這項技術協作讓我能提前發現排版在實際網域名稱下的渲染問題，大幅降低了正式上線時的技術風險。
3. 品質控管：最後審核與 Bug 修復
在上線前的關鍵衝刺期，由我統籌發起最終的 頁面 Review 與驗證：
細節校對： 針對 RWD 跨裝置相容性、動態特效的流暢度進行地毯式檢測。
高效修補： 獨立彙整修正清單並與工程師對接，確保最終產出不僅符合視覺規範，更具備高度的系統穩定性。
Result
11 中旬上線僅至 12 月，曝光量即佔首季總額的 55%，驗證了 SEO 架構與視覺佈局的精準度。
上線初期即穩定維持 7,000+ 次月均點擊