WHAT_IS
高雄網頁設計到底在做什麼？
把「客戶 Google 你的公司名，只搜得到臉書貼文和商業登記資料」這件事解決掉。資訊架構、視覺到前端開發一次做完，原始碼歸你。
- 現在是這樣沒有官網，或舊站外掛裝了十幾個、後台一開就轉圈，想改一支電話號碼還要找外面的人；手機一打開版面跑掉。
- 做完之後打開就到、手機也順，客戶看得懂你在賣什麼、知道怎麼聯絡。
- 怎麼驗證你現在就在看我們做的網站，按 F12 就看得到結構化資料與安全標頭。
OPTIONS
要做哪一種網站？
先選路線再談版型，因為這決定的是之後三年好不好改、每個月要付多少、以及網站快不快。
- WordPress：你要自己常常改。 行銷同仁不想每次都找工程師，那就走這條。生態成熟、外掛什麼都有、找得到人接手。WordPress 客製開發我們自己也做，主題與外掛都寫過，不只是把外掛裝上去的人。代價是要顧主機、顧更新、顧外掛安全性，速度也有天花板——外掛越多越慢，這是架構決定的，不是調得出來的。
- Serverless 邊緣架構：我們主打的。 你正在看的這個網站就是。頁面在建置時先產生好、放在全球邊緣節點；沒有主機要管、沒有資料庫會被打爆。Lighthouse 效能 100 分不是調出來的，是架構上少做很多事的結果。
- 怎麼選？ 內容一週改好幾次、行銷要自助上稿 → WordPress。內容改動不頻繁、但很在意速度與安全、或要接自己的系統與 API → Serverless。兩條路線我們都客製寫，不套現成版型，形象網站設計、產品型錄、內容站、電商都做得出來。電商看規模與金流需求，我們會在訪談時直接講哪一條划算，不會因為某一條比較好賣就推。
WHAT_WE_DID
企業官網設計做得出什麼？
最直接的驗證方式：你現在就在看我們做的網站。
- 這個站本身。 Astro 7 + Cloudflare Workers，Lighthouse 效能 100 分，全站 JSON-LD、七項安全標頭、HTTP/3、CSS 直接內嵌進 HTML、沒有前端框架的 JS。收錄狀況你可以用
site:clone-info.net自己數，不必相信我們的說法。 - WordPress 這一側。 我們寫過自有的 WordPress 會員主題，以及一整組自有外掛，涵蓋會員系統、媒體資料夾管理、下載中心、內容保護、角色分級價格與代碼管理。WordPress 的毛病我們是從外掛內部改過的。
- 邊緣架構這一側。 資料放 Cloudflare D1 與 R2，API 走 Workers 上的 Hono，前端 Astro，整套沒有一台主機要管。要接電商或會員的情境，前台照樣是預先產生的靜態頁，購物車、結帳與會員狀態走邊緣函式打回 API。
- 網站改版搬遷。 舊站文章一對一 301 轉到新網址，轉址表由文章清單在建置時產生、新增文章自動涵蓋，分類彙整頁與 RSS feed 一併轉址。企業官網改版最常壞掉的就是這一段——舊網址全死，累積的搜尋流量一次歸零。
交付標準固定做這四件事：
- 效能工程交付前把頁面速度與行動版體驗測到綠。圖片變體、字型載入時機、CSS 內嵌與 script 延遲在建置階段就定好，不把效能留到上線後再補
- 圖片自動最佳化來源圖產生五種寬度變體與 WebP，前端自動輸出 srcset 與 sizes，不手寫尺寸
- 表單與通知Turnstile 擋機器人且延遲到使用者捲到表單才載入；通知信走 HTTP API，不用主機的 PHP mail。要接 LINE 的見 LINE 串接系統開發
- 結構與穩定語意化 HTML、無障礙基本要求、圖片與字型預先鎖好尺寸避免版面位移
上線後的排名追蹤與內容策略不在建置範圍，那是 SEO 與 AI 搜尋能見度優化在做的事。技術細節可先看網頁 SEO 技術優化指南。
PRICING
費用怎麼算？
一次性專案計價，含設計與開發，依需求評估。我們不用「一頁多少錢」的算法——同一個版型做十頁和做三頁，工作量差別遠小於價目表看起來的樣子。
影響報價的是這些：
- 頁型數量版型不同才算一型，同型不同內容不重複計
- 內容準備方式文案與照片你提供，或由我們整理改寫
- 功能範圍表單、會員區、下載中心、多語系、與既有系統串接
- 舊站處理要不要搬內容、舊網址有多少
- WordPress 客製程度既有主題微調、自有主題開發、或外掛層級的功能開發，三者成本差距很大
會另外計算的項目我們一開始就寫清楚：網域續費、Cloudflare 或主機方案、字型與圖庫授權。這些不該藏在報價單的小字裡。
盤點完成後給總價與付款節點，範圍有變更會先說明再另外開單，不會做到一半才冒出來。
PROCESS
怎麼進行？要多久？
六個階段，每個階段結束你都會看到具體東西，不是等到最後才揭曉。
- 現況盤點看你現在的網站：速度、結構、有多少網址、誰在管網域和帳號、哪些內容還有流量。沒有舊站的話改成盤點型錄、產品線與客戶最常問的問題。
- 資訊架構決定有哪些頁型、每頁要回答什麼問題、導覽怎麼排。產出是一份頁面清單與內容需求表，內容由誰寫在這裡就要講定。
- 視覺定版先定首頁與一個內頁的版型，確認字級、間距、色彩與元件樣式，其餘頁面沿用。避免一頁一種風格。
- 前端開發版型實作、圖片處理、表單串接、會員或下載區開發。
- 效能與檢查效能、行動版、無障礙基本項、轉址表、表單實際寄信測試。
- 上線與移交DNS 切換、新舊網址對照驗證、帳號與原始碼移交。
工期由頁型數量、內容誰提供、要不要搬舊站、審核來回幾輪、有沒有會員區決定。其中最常延誤的是內容，不是開發。 明確排程在盤點結束後給，在那之前給的週數都是猜的。
WHO_FITS
誰適合做高雄網頁設計？
三種情況最典型。
- 還沒有官網的新公司客戶搜你的公司名只搜得到臉書貼文。需要一個放得下型錄、留得住聯絡資料的正式門面，也就是一般說的企業網站建置。
- 舊 WordPress 站改不動的企業外掛裝了十幾個、主題停止更新、後台一開就轉圈。企業官網改版要先看的是結構，不是視覺。
- 網站還在但手機版難用的公司電腦看起來正常，手機一打開版面跑掉、按鈕按不準，而現在大多數人是用手機找你。
不論你叫它企業官網設計、形象網站設計還是公司官網，要解決的是同一件事：讓客戶找得到你、看得懂你在賣什麼、知道怎麼聯絡。
全台都接，流程一律遠端進行——視訊加共用文件，來回次數不因為距離減少。
NOT_FOR_YOU
誰不適合？
有幾種需求我們會直接說不適合，省得雙方花時間。
- 只要一頁活動頁、預算想壓到最低的用現成模板服務更快更省，客製開發在這個規模不划算。
- 大型電商平台多倉、多幣別、複雜促銷引擎、每日上萬筆訂單這個量級，成熟的電商 SaaS 比客製划算。
- 要求保證關鍵字排名的沒有人能保證 Google 排名，說得出保證的通常是話術。建置階段能做的是讓網站好抓、好讀、夠快。
- 希望後台能拖拉改所有版型的完全自由的版面編輯會犧牲效能與一致性，通常半年後版面就亂了。我們的做法是把可改的欄位開好，版型固定。
- 下週就要上線的急件壓縮的是審核輪數，最後受傷的是內容品質。
要的其實不是官網、而是從零做一套內部系統的話，那是企業系統客製開發在處理的範圍。
OWNERSHIP
帳號與資料歸誰？
都是你的，沒有例外。我們不用自己的帳號幫客戶開 GA4，也不把網站鎖在只有我們能部署的環境。
| 項目 | 開在誰的帳號 |
|---|---|
| 網域、DNS、Cloudflare 或主機 | 你公司的帳號，我們以受邀成員身分作業 |
| GA4、Search Console、Google 商家檔案 | 你公司的帳號 |
| 原始碼 | 你的儲存庫；沒有的話我們先建，結案連同管理權限移交 |
| 結案移交清單 | 帳號對照表、部署方式、內容與資料庫備份、哪些地方你可以自己改 |
合作結束後要移除我們的存取，你在各平台後台自己就能做，不需要透過我們。上線後的防護層（WAF、DDoS 緩解、Zero Trust）屬於企業雲端建置與資安防護的範圍。
START
要從哪裡開始？
先做一件你今天就做得到的事：把現在的網址給我們（沒有網站的話，給我們型錄或產品頁截圖），順便講一句你最不滿意哪裡。
我們會回你一份現況判讀：速度卡在哪、結構有什麼問題、舊網址要不要保、走哪一條路線比較划算。這一步不收費，也不需要你先想好要幾頁。
EVIDENCE
這一頁的說法，去哪裡查證？
- 效能的門檻不是我們訂的Core Web Vitals 現行三項指標為 LCP、INP、CLS，判定取第 75 百分位的真實使用者資料，門檻分別是 2.5 秒、200 毫秒與 0.1——定義與數值見 Google 的 Web Vitals 說明。我們交付前測的就是這三項。
- 內容導向的官網才有搜尋價值Google 的實用內容準則寫得很直白：為人寫、而不是為排名寫。我們在資訊架構階段先問「這一頁要回答什麼問題」，理由在這裡。
- WordPress 的安全責任在站方官方的強化 WordPress 指南把更新、權限與檔案寫入列為站方責任。這就是我們說「走 WordPress 要顧主機、顧更新、顧外掛」的依據，不是唱衰它。