WordPress 形象網站範例:關奏招牌官網 7 個設計決策全拆解

WordPress 形象網站範例:關奏招牌官網 7 個設計決策全拆解

WordPress 形象網站範例封面圖,關奏廣告招牌官網首頁在桌機與手機上的畫面,墨綠背景標示首頁 7 區塊、流程標天數、手機版優先

作者:Jacks|JRM Web Design 顧問・英國生醫碩士・前保健品牌資深數位行銷|最後更新:2026-10-13

你是不是覺得:「我是做工程的,招牌做得好就好,網站有沒有,好像也還好?」

可是現在客人找招牌公司,第一步多半是先上網搜尋。他會在幾秒內決定:這家看起來靠不靠譜、做過什麼、多久能完工、要怎麼聯絡。網站答不出來,他就按上一頁了。

這篇用 JRM 實際做過的案子,新北三重的招牌工程公司「關奏廣告 KAZONE」,把一個 WordPress 形象網站從規劃到上線的 7 個設計決策攤開來講。它是一個形象網站範例,也是一份形象網站設計的實戰筆記。你不用懂程式,看完就知道自己的官網該放什麼。

WordPress 形象網站範例封面圖,關奏廣告招牌官網首頁在桌機與手機上的畫面,墨綠背景標示首頁 7 區塊、流程標天數、手機版優先

形象網站範例一張表看懂:關奏廣告 WordPress 官網專案

關奏廣告的官網是一個多頁式的企業形象網站,用 WordPress 建置,目標是讓找招牌的老闆一次看懂服務、案例和流程。

項目內容
客戶關奏廣告 KAZONE(新北市三重區)
產業招牌設計、製作與工程,品牌形象牆
原本狀況有舊網站,但內容和設計都已經很舊
平台WordPress + Elementor + Crocoblock
主要頁面首頁、品牌介紹、服務項目、作品案例、招牌知識(部落格)、聯絡我們
JRM 負責網站建置、官網色系配圖系統
合作夥伴品牌方向由墨龍創辦人張書瑋一起把關
時程約 2 個月(主要時間花在等客戶提供資料)

網址:kazone-ad.com

招牌公司為什麼需要企業形象網站?

形象網站的工作,是在客人打電話之前,先回答他最在意的問題。招牌是現場的生意,但「要不要找你」這個決定,很多時候是在手機上做的。

Google 現在主要用網站的手機版來收錄和排名[1]。也就是說,老闆自己在電腦上看覺得還行的舊網站,客人在手機上看到的可能是字太小、按鈕點不到、圖片跑版。

關奏原本就有網站,只是舊了。舊網站最大的問題不是「不好看」,而是它沒辦法回答客人現在會問的問題:你做過哪些店?用什麼工法?從談到完工要多久?

首頁 7 個區塊拆解:每一塊都在回答客人一個問題

好的形象網站首頁,是一連串問答,不是一張大海報。關奏首頁由上到下有 7 個區塊[2],每一塊對應客人腦中的一個問題。

1. 主視覺:「你們是做什麼的?」

第一屏是一張有記憶點的品牌主視覺,正中間是做成招牌樣式的關奏 logo。往下一滑,馬上接一句「全方位招牌製作設計工程服務」,副標補上從設計到落地施工一站整合。先讓人記住,再讓人看懂。

2. 六大服務:「你們做得到我要的嗎?」

招牌設計、形象牆、招牌製作、工法與材料規劃、施工安裝、品牌門面整合,六格一字排開。每一格配一個圖示,掃一眼就找到自己要的。

3. 工法+實際案例:「你們真的做過嗎?」

每個服務類別旁邊都放「實際案例」連結,直接連到作品案例頁。說「我們很專業」不如給他看一個案子。

關奏廣告官網首頁「招牌工法」區塊截圖,招牌設計、招牌製作、招牌工程、品牌形象製作四張卡片,各附實際案例按鈕
關奏官網首頁:每個服務都附「實際案例」連結(擷取 2026-10-15)

4. 工法比較:「立體字跟燈箱差在哪?」

立體字 vs 燈箱、壓克力字 vs 金屬字、背光字 vs 正面發光,三組常見比較直接放首頁。這是客人最常問、也最常選錯的地方,先講清楚可以少很多來回。

5. 合作流程標天數:「多久可以裝好?」

這是我在建站時特別堅持的設計:流程不只寫步驟,每一步都標上天數。需求溝通 2 天、設計規劃 5 天、工法確認 3 天、製作加工 10 天、現場施工 2 天,最後完工驗收[2]。

為什麼要寫天數?因為開店的老闆最怕的不是貴,是來不及開幕。看到時程,他就能自己倒推什麼時候該來談。

關奏廣告官網首頁合作流程區塊截圖,需求溝通到完工驗收共 6 步,每一步標示所需天數
關奏官網首頁:合作流程 6 步,每步標天數(擷取 2026-10-15)

6. 合作客戶:「別人也找過你們嗎?」

一整排合作品牌 logo,是最安靜但最有力的信任訊號。客人不一定每個都認得,但數量本身就在說話。

7. 詢問表單:「我要怎麼找你?」

表單除了姓名、Email、電話,還有 LINE、詢問類型和施工需求欄位。客人填完送出,業務在回覆前就知道要聊什麼,不用從頭問起。

網頁設計流程:從需求到上線怎麼走

企業形象網站的流程大致是:需求訪談、架構規劃、設計製作、內容填入、測試上線。真正決定時程的,通常不是做網站的速度,而是資料什麼時候到齊。

  1. 需求訪談:客人是誰、他們會問什麼、網站要幫老闆省掉哪些重複解釋。
  2. 架構規劃:決定要幾頁、每頁回答什麼問題,首頁區塊順序就在這一步定下來。
  3. 設計製作:用 Elementor 排版,搭配 Crocoblock 做案例、服務這類需要重複使用的內容版型。
  4. 內容填入:文案、案例照片、合作客戶 logo、流程天數。
  5. 測試上線:手機版逐頁檢查、表單測試、速度檢查。

關奏這個案子從開始到上線大約 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. 連結

SEO YMYL Expert

JRM 致力於提供卓越的網站和 SEO 關鍵字服務,成為業界領導者,追求卓越與創新,讓客戶網站擁有源源不絕的流量與業績。

最新文章
SEO 搜尋引擎優化文章
Wordpress 新聞
Wordpress 教學文章
成功案例