專案簡述

舊站資訊分散、視覺元素不一致，手機版字太小且段落擁擠；使用者不容易迅速抓到品牌重點與聯絡方式。這次改版聚焦：內容層次、行動可讀、與清楚的聯絡入口。

目標

• 2–3 次點擊內理解品牌重點與服務概要。
• 在行動裝置上維持舒適的閱讀節奏。
• 明確提供聯絡與社群入口（Email／LINE）。

我們做了什麼

• 導覽改為「品牌故事／服務／作品／消息／FAQ／聯絡」，首頁一句話定位＋三個亮點。
• 右下角設置「快速聯絡列」（LINE／Email／電話），全站單一主要 CTA「聯絡我們」。
• 建立可重用版型：形象頁、服務總覽、團隊介紹、消息文章。
• 影像以情境照搭配品牌色濾鏡；段落加入導讀與小標，提升掃讀性。
• 基本 SEO 與分享標籤（Title/Meta、OG、BreadcrumbList）。

版面調整

首頁採「我們是誰 → 我們提供什麼 → 如何聯絡」三段式；作品用拼貼牆顯示代表案例；消息以卡片列表呈現；頁尾固定 Email 與 LINE 入口。

視覺語氣

藍色基底＋淺色文字營造溫潤可信；Hero 有主視覺與一句話定位；卡片為卵石圓角與柔和漸層；聯絡與社群入口用對比色標示。

技術做法

RWD 與輕量前端；WordPress 客製區塊；圖片壓縮為 WebP；Sitemap、robots、canonical、OG 等基礎設定。

改造前後（靜態對照）

可觀察到的變化

• 品牌氛圍更完整，圖片與色彩一致。
• 使用者更快找到公司資訊與聯絡方式。
• 內容更新有模板可套用，維護時間下降。

「新版資訊更清楚，聯絡入口也更容易找到。」