網頁設計・網站架設:不套模板的全客製化官網
WordPress 全客製化、不套市售模板;建站階段就把 SEO 結構一起做掉。從零新建、舊站改版到局部調整都接。
這三種要花的錢、時程、跟該找誰做,完全不一樣。先選你是哪一種:
希希丁品牌顧問成立於 2000 年,通過經濟部技術服務機構服務能量登錄,累積協助超過 200 間中小企業建立品牌
我們會做到什麼
不套市售模板
搜尋結構做掉
日常內容自己改
不讓排名掉下來
每一個網站我們都從線框稿開始畫,再進視覺、前端與後台串接。版面、功能、後台全部照你的需求開發,而且檔案與資料庫都在你自己的主機上——要搬家、換廠商、自己接手都可以。
實際案例:黛璞裝潢貼膜獨立官網 我們從零建置 dapper8.com.tw,並在建站階段就把 SEO 結構做掉。上線 14 天,全站平均排名 6.3,其中一篇部落格文章排到 2.9。看完整數據與作法 →
① 從零開始做新站 |適合還沒有官網、或只有粉專的品牌
新站最常見的失敗,不是版面不好看,是順序做反了——網站做到一半才發現 LOGO 要改、色系要換、產品線講不清楚,結果整站重畫一次。所以我們接新站的第一步不是開版面,是先確認品牌識別定調了沒有。
| 階段 | 做什麼 | 你要準備什麼 |
|---|---|---|
| ① 品牌盤點 | 確認 LOGO、標準字、色彩計畫是否可用;沒有就先做 CIS 企業識別 | 現有的 LOGO 檔、你希望被記住的一句話 |
| ② 資訊架構 | 先畫網站地圖與線框稿,決定每頁要說什麼、哪些頁要依客群拆開 | 你的客群有幾種、各自最在意什麼 |
| ③ 視覺與前端 | 全客製化 WordPress,不套市售模板;響應式版型、多語言、電商金流物流(綠界/藍新/超商取貨) | 文案與圖片——這一項通常是決定上線日期的關鍵 |
| ④ SEO 結構 | 建站階段就把站內結構、Schema、Core Web Vitals 一起做掉 | 你想被搜到的字(沒有也沒關係,我們幫你查) |
| ⑤ 上線與交接 | 主機與網域設定、後台教學影片,之後日常內容你可以自己維護 | — |
② 舊站改版升級 |工程師失聯、手機跑版、後台進不去
這一種其實是我們最常接到的。症狀通常長這樣:
- 網站放了三五年沒動,內容還停在疫情前
- 手機開起來版面爆掉,但九成流量都是手機
- 原本做網站的人失聯,後台密碼、主機、網域都不知道在誰手上
- Google 搜自己公司名,排在同業後面
我們的處理順序是先盤點、再搬遷、最後補強:主機、網域、後台權限與資料庫現況先摸清楚,再搬遷舊內容與既有的 SEO 權重——這一步沒做好,改版當天排名就會掉,而且掉了很難救回來。
③ 只要局部調整 |加功能、改版面,或流量進來沒轉換
網站堪用,但想加會員、預約、電商功能,或某幾頁想重做——這種可以單獨接,不用整站翻掉。
另外一種很常見:流量其實有,就是沒有人聯絡。這通常不是網站醜,是頁面沒有給下一步。如果你的主要目的是承接廣告流量,要做的其實不是改官網,是加一頁落地頁——官網要講的是「我們是誰」,落地頁只要負責「現在就聯絡」,兩件事不要混在同一頁。
我們為什麼用 WordPress 做網站
常有人問「不是有很多現成的架站平台嗎」。有,而且便宜。但我們接的多半是要長期經營、要靠搜尋帶客人的品牌網站,這種用途 WordPress 的差別會在第二年之後才顯現出來:
| 面向 | WordPress(我們用的) | 一般模板/訂閱式架站平台 |
|---|---|---|
| SEO 可控程度 | title、描述、結構化資料、網址結構、robots、canonical 全部可以逐頁改,也能自己接 Search Console 與 Schema | 多半只給你改標題與描述,網址結構固定,Schema 動不了 |
| 網站是誰的 | 資料庫與檔案都在你自己的主機上,要搬家、換廠商、自己接手都可以,我們附後台教學影片 | 停止訂閱等於網站消失,內容通常也搬不走 |
| 功能延展 | 電商、會員、預約、多語言、表單、金流物流(綠界/藍新/超商取貨)都能加 | 看平台開放到哪,超出範圍就只能換平台重做 |
| 版面自由度 | 從線框稿開始畫,每一區塊照品牌需求排 | 套版,改動範圍受限,同業容易撞版 |
| 長期成本 | 一次建置+主機與維護月費,內容自己更新不用另外付 | 月費看起來低,但功能都在加價項目裡 |
為什麼把網站交給我們
| 你會在意的 | 我們的實際狀況 |
|---|---|
| 這家公司會不會做到一半消失 | 希希丁成立於 2000 年,服務年資逾 25 年。「工程師失聯」是我們最常接手的救援題目,所以我們很清楚那件事對你代表什麼。 |
| 有沒有第三方認證 | 通過經濟部技術服務機構服務能量登錄,另有產業人才能力鑑定品牌企劃師、企業永續管理師。 |
| 做完之後找誰 | 設計、前端、SEO、廣告與後台維運都在同一間公司,不用在設計端與工程端之間傳話。 |
| 看得到成效嗎 | 我們自己就在跑 Search Console、GA4 與 Google Ads。網站上線後排名與流量怎麼變,我們給得出數字,不是只說「SEO 友善」。 |
網站架設要先決定的四件事
很多人問網頁設計報價之前,其實還沒決定這四件事。這四件沒定,任何一家的網站架設報價都只是猜的。
| 要決定的 | 為什麼會影響報價 | 我們的作法 |
|---|---|---|
| 網域與主機 | 主機規格決定速度與穩定度,也決定後續每年的固定支出。 | 網域代購與設定、主機規劃與搬遷都可以一起接。 |
| RWD 響應式 | 現在超過七成的流量來自手機。RWD 響應式網頁設計不是加購項目,是基本盤。 | 每一個版面都以手機優先設計,桌機、平板、手機三個斷點都實機檢查。 |
| 要幾頁、要不要後台 | 五頁的形象官網與三十頁、可自己改的網站,是完全不同的工。 | 用 WordPress 讓你自己能改文字與圖片,不用每次都回來找我們。 |
| 上線之後誰維護 | 外掛與核心更新沒人管,半年後就會出事——這是「工程師失聯」最常見的起點。 | 提供後台維運與定期更新,也可以只交付、由你自己管。 |
把這四件想清楚再去問價,你會發現三家網頁設計公司的報價終於可以並排比較了。想知道各項怎麼估,可以直接看下面的網頁設計費用說明。
網站只是起點:往前是品牌,往後是被找到
做完網站不會自己有客人。網站是一個承接的地方,前面要有東西定調它、後面要有東西把人帶進來。這是我們實務上看到的完整順序:
網站作品
肌進份子訓練基地資訊架構規劃|課程專區依四種客群拆頁
璧時尚醫美診所網站重建+SEO 架構|內容依醫療廣告法規審核
光影餐廳 Les Ombres餐飲品牌官網|設計、架設與長期維護
金山茶業品牌官網|網域設置與後台維運
金鉑先生車用品品牌官網建置與長期維護
弘運吉食 Hung Yun網頁架設、網域設置與系統維運更多網站作品可以看 合作案例
網站完成後,進行 SEO 與廣告投放
健身工作室|網站架構做對了,後面的內容與廣告才接得上
這個案子最關鍵的決定在資訊架構那一步:課程專區依客群拆成四頁(健身新手、上班族、銀髮族、進階訓練),因為這四種人搜尋的字、擔心的事、要看的證據完全不一樣。
架構這樣拆之後,後面的內容與廣告就有地方落——專欄文章依三個客群的痛點寫、短影音的選題直接對應同樣三個客群、廣告分眾投放後各自導到對應的那一頁。如果一開始只做一頁「課程介紹」,後面這些全部沒有著陸點。
連鎖醫美|網站重建 + SEO,但每一句話都要過法規
醫療院所的網站跟一般品牌網站有一個根本差別:文案不是寫得動人就好,是每一句都要能通過醫療廣告相關法規。療效怎麼寫、術前術後照能不能放、儀器的許可證登載用途涵蓋到哪裡——這些沒有人把關,單一則違規的罰則就足以吃掉整年的行銷預算。
我們接這個案子時,網站重建、SEO 架構、衛教內容與廣告是同步進行的,內容全程依法規審核。
還是推薦你的同業呢?
費用怎麼算
| 項目 | 費用 | 說明 |
|---|---|---|
| 形象網站建置 | NT$80,000 起(15 頁以內) | 16–30 頁 NT$120,000。含響應式版型與後台教學影片;主機與維護另計年費(見下),網域實報實銷 |
| 電商/購物網站 | 依功能報價 | 金流物流整合(綠界/藍新/超商取貨)、會員、優惠券等依需求計 |
| 舊站改版升級 | 依現況報價 | 先盤點主機、網域、後台權限與資料庫,確認可搬遷範圍後才報價 |
| 多語言 | 另行報價 | 切換功能內建。翻譯你提供我們直接套用;需我們翻譯(中英/中日/中韓)依字數計 |
| 伺服器+一般維護 | NT$15,000/年 | 含主機空間與年度維護,確保網站正常可使用:備份、外掛與核心更新、安全性監控與小幅內容調整 |
| 落地頁 | 單頁另計 | 為廣告投放而做的銷售頁,跟官網分開算 |
網頁設計常見問題
希希丁的網頁設計和模板網站有什麼不同?
舊網站很久沒更新、工程師失聯,能救嗎?
改版會不會把原本的 Google 排名做掉?
從接洽到網站上線需要多久?
網站上線後的維護與更新怎麼算?
線上金流與物流支援哪些?
多語言網站需要額外費用嗎?
可以只做網站,不做行銷嗎?
我需要的是官網還是落地頁?
服務區域有哪些?
更多網站作品
進階室內空間設計高質感官網|網域設置與後台維護
LOIOL 精油品牌形象+網站+包裝,一起做完
知欣產後護理之家月子中心官網+廣告文宣整合
滑倒の麵零售品牌|網站設計監製+通路與快閃櫃規劃
實榮工業製造業品牌轉型|形象網站+識別系統
看全部網站作品 →合作案例|網站建置分類更多網站類作品在 合作案例・網站建置
整合行銷
落地頁設計

