作者:Jacks|JRM Web Design 顧問・英國生醫碩士・前保健品牌資深數位行銷|最後更新:2026-10-13
你是不是覺得:「我是做工程的,招牌做得好就好,網站有沒有,好像也還好?」
可是現在客人找招牌公司,第一步多半是先上網搜尋。他會在幾秒內決定:這家看起來靠不靠譜、做過什麼、多久能完工、要怎麼聯絡。網站答不出來,他就按上一頁了。
這篇用 JRM 實際做過的案子,新北三重的招牌工程公司「關奏廣告 KAZONE」,把一個 WordPress 形象網站從規劃到上線的 7 個設計決策攤開來講。它是一個形象網站範例,也是一份形象網站設計的實戰筆記。你不用懂程式,看完就知道自己的官網該放什麼。

文章內容目錄
Toggle形象網站範例一張表看懂:關奏廣告 WordPress 官網專案
關奏廣告的官網是一個多頁式的企業形象網站,用 WordPress 建置,目標是讓找招牌的老闆一次看懂服務、案例和流程。
| 項目 | 內容 |
|---|---|
| 客戶 | 關奏廣告 KAZONE(新北市三重區) |
| 產業 | 招牌設計、製作與工程,品牌形象牆 |
| 原本狀況 | 有舊網站,但內容和設計都已經很舊 |
| 平台 | WordPress + Elementor + Crocoblock |
| 主要頁面 | 首頁、品牌介紹、服務項目、作品案例、招牌知識(部落格)、聯絡我們 |
| JRM 負責 | 網站建置、官網色系配圖系統 |
| 合作夥伴 | 品牌方向由墨龍創辦人張書瑋一起把關 |
| 時程 | 約 2 個月(主要時間花在等客戶提供資料) |
招牌公司為什麼需要企業形象網站?
形象網站的工作,是在客人打電話之前,先回答他最在意的問題。招牌是現場的生意,但「要不要找你」這個決定,很多時候是在手機上做的。
Google 現在主要用網站的手機版來收錄和排名[1]。也就是說,老闆自己在電腦上看覺得還行的舊網站,客人在手機上看到的可能是字太小、按鈕點不到、圖片跑版。
關奏原本就有網站,只是舊了。舊網站最大的問題不是「不好看」,而是它沒辦法回答客人現在會問的問題:你做過哪些店?用什麼工法?從談到完工要多久?
首頁 7 個區塊拆解:每一塊都在回答客人一個問題
好的形象網站首頁,是一連串問答,不是一張大海報。關奏首頁由上到下有 7 個區塊[2],每一塊對應客人腦中的一個問題。
1. 主視覺:「你們是做什麼的?」
第一屏是一張有記憶點的品牌主視覺,正中間是做成招牌樣式的關奏 logo。往下一滑,馬上接一句「全方位招牌製作設計工程服務」,副標補上從設計到落地施工一站整合。先讓人記住,再讓人看懂。
2. 六大服務:「你們做得到我要的嗎?」
招牌設計、形象牆、招牌製作、工法與材料規劃、施工安裝、品牌門面整合,六格一字排開。每一格配一個圖示,掃一眼就找到自己要的。
3. 工法+實際案例:「你們真的做過嗎?」
每個服務類別旁邊都放「實際案例」連結,直接連到作品案例頁。說「我們很專業」不如給他看一個案子。

4. 工法比較:「立體字跟燈箱差在哪?」
立體字 vs 燈箱、壓克力字 vs 金屬字、背光字 vs 正面發光,三組常見比較直接放首頁。這是客人最常問、也最常選錯的地方,先講清楚可以少很多來回。
5. 合作流程標天數:「多久可以裝好?」
這是我在建站時特別堅持的設計:流程不只寫步驟,每一步都標上天數。需求溝通 2 天、設計規劃 5 天、工法確認 3 天、製作加工 10 天、現場施工 2 天,最後完工驗收[2]。
為什麼要寫天數?因為開店的老闆最怕的不是貴,是來不及開幕。看到時程,他就能自己倒推什麼時候該來談。

6. 合作客戶:「別人也找過你們嗎?」
一整排合作品牌 logo,是最安靜但最有力的信任訊號。客人不一定每個都認得,但數量本身就在說話。
7. 詢問表單:「我要怎麼找你?」
表單除了姓名、Email、電話,還有 LINE、詢問類型和施工需求欄位。客人填完送出,業務在回覆前就知道要聊什麼,不用從頭問起。
網頁設計流程:從需求到上線怎麼走
企業形象網站的流程大致是:需求訪談、架構規劃、設計製作、內容填入、測試上線。真正決定時程的,通常不是做網站的速度,而是資料什麼時候到齊。
- 需求訪談:客人是誰、他們會問什麼、網站要幫老闆省掉哪些重複解釋。
- 架構規劃:決定要幾頁、每頁回答什麼問題,首頁區塊順序就在這一步定下來。
- 設計製作:用 Elementor 排版,搭配 Crocoblock 做案例、服務這類需要重複使用的內容版型。
- 內容填入:文案、案例照片、合作客戶 logo、流程天數。
- 測試上線:手機版逐頁檢查、表單測試、速度檢查。
關奏這個案子從開始到上線大約 2 個月,大部分時間是在等照片和案例資料。所以如果你也打算做官網,最省時間的方法是先把資料準備好:服務清單、5 到 10 個案例照片、合作流程、聯絡方式。
為什麼選 WordPress+Elementor?優缺點老實說
WordPress 是全球最多網站使用的架站系統,W3Techs 統計約 40.1% 的網站在用,在有使用架站系統的網站中佔 58.6%(2026-10-13)[3]。它是開源軟體,採用 GPL 授權[4],網站和內容都在你自己的主機上,不會被某個平台綁住。
我自己建站固定用 Elementor+Crocoblock 這組工具。Elementor 是視覺化排版,老闆之後要改字、換圖,看得到就改得到;Crocoblock 用來做案例、服務這種會一直新增的內容,新增一個案例就像填表單。
| 優點 | 要注意的地方 | |
|---|---|---|
| WordPress | 開源、資料自己掌握、外掛選擇多 | 要定期更新與備份,沒人維護會有安全風險 |
| Elementor | 視覺化編輯,老闆自己能改內容 | 頁面元素太多會拖慢速度,需要控制 |
| Crocoblock | 案例、服務這類重複內容好管理 | 多一套外掛,要多一點設定功夫 |
老實說,WordPress 不是零維護的選擇。如果你完全不想碰後台,也沒有人幫你更新,那它的彈性反而會變成負擔。
形象網站上線後,下一步是什麼?
網站上線是起點,不是終點。接下來有三件事會決定它是「名片」還是「業務」:
- 速度:Google 的排名系統會參考 Core Web Vitals 等頁面體驗訊號,但分數好不等於保證排名[5]。先把明顯拖慢的地方修掉就好,詳見網站速度優化教學。
- Google 商家檔案:做在地生意的店家,網站和 Google 商家的名稱、地址、電話要一字不差。
- 持續寫文章:關奏官網有「招牌知識」部落格,用來回答客人上網會搜的問題,例如價格、材質差異、法規申請。
常見問題 FAQ
形象網站要多少錢?
要看頁數、功能和內容由誰準備,價差可以很大。建議先看報價單怎麼拆,再比較,可參考 JRM 的網頁設計費用拆解文。
WordPress 形象網站可以自己做嗎?
可以。WordPress 是開源軟體,任何人都能安裝使用。比較花時間的是設計、手機版調整、速度和後續更新維護,自己做要預留這些時間。
做一個企業形象網站要多久?
關奏的案子約 2 個月,大部分時間是在等照片和案例資料。資料越早準備齊全,上線就越快。
形象網站要做一頁式還是多頁式?
服務項目少、只想放基本資訊,一頁式就夠。像招牌公司這樣有多種服務、要放案例和文章,多頁式比較好整理,客人也比較好找。
延伸閱讀:2026 網頁設計費用怎麼算?
還在比平台、比報價?先做一次免費網站健檢:我會看你現在的網站在手機上能不能回答客人的問題,再決定要不要重做。
參考資料
[1] Google Search Central(2025-12-10 更新). Mobile site and mobile-first indexing best practices. 連結
[2] 關奏廣告 KAZONE 官網首頁(擷取 2026-10-13). 連結
[3] W3Techs(2026-10-13). Usage statistics and market share of WordPress. 連結
[4] WordPress.org. About WordPress. 連結
[5] Google Search Central(2026-09-22 更新). Understanding page experience in Google Search results. 連結










