網頁製作流程，
每一步都要有交代。

第一步：定義網站要完成嘅任務

先答三條問題：邊個會入嚟、佢最想知道乜、睇完要做乜。餐廳可能係睇餐牌同位置，顧問服務可能係理解方案同預約，零售小店可能係找到產品再去實體店或落單。

如果同一頁要同時服務太多完全不同客人，內容通常會失焦。先選一個主要轉換目標，再決定WhatsApp、電話、表格、預約或付款邊個係主行動。

第二步：開工前準備核心資料

唔需要所有文案都寫到完美先開始，但核心事實一定要確認。價錢、地址、營業時間、服務範圍、牌照聲明及優惠條款如果未定，應該明確標示待確認，而唔係由設計師代估。

• 品牌名稱、Logo及偏好／避免使用嘅視覺方向
• 一句講清做咩、服務邊類客人、主要優勢
• 服務或產品清單、價錢及適用條件
• 地址、營業時間、電話、WhatsApp及社交連結
• 可合法使用嘅相片、影片、客戶評語及案例
• 域名、現有網站、分析工具及第三方平台帳戶
• 一位可以整合意見及作最後確認嘅決策人

第三步：先確認網站藍圖，再做視覺

網站藍圖會列明導覽、每頁目的、內容次序、功能、表格欄位及行動按鈕。呢一步確認得清楚，之後先唔會因為「睇落好似少咗啲嘢」而不斷搬結構。

單頁網站可以由問題、方案、證據、FAQ去到查詢；多頁網站就應該令每個主要服務有清晰入口。視覺設計係放大內容層次，唔係代替內容策略。

第四步：設計、開發同內容同步落地

響應式網站要由手機到桌面都保持易讀、易按同易完成任務。開發階段亦會處理表格驗證、錯誤狀態、載入速度、基本metadata、canonical、sitemap及robots設定。

Madefront固定範圍方案將常用結構同測試流程標準化，所以資料齊備後，快速單頁最快2至3個工作天；多頁商業網站最快5至7個工作天。呢個時間唔包括等待素材、確認或Scope以外新增功能。

第五步：用驗收清單測試，而唔係憑感覺收貨

驗收應該用真實任務：由Google或直接網址入站，搵一項服務、打開餐牌、提交表格、按WhatsApp、查看地址，再用手機完成一次。每個錯誤都應記錄重現步驟，而唔係只講「好似唔順」。

• 所有頁面標題、價錢、電話、地址及條款準確
• 手機導覽、按鈕、表格鍵盤及錯誤提示可正常使用
• 內外連結、WhatsApp、地圖、電話及社交連結正確
• 表格成功訊息及收件流程已實際測試
• 分享預覽、favicon、404頁及主要瀏覽器顯示正常
• 域名、網站平台、原始檔及第三方帳戶擁有權清楚

第六步：上線只係開始，唔係即刻有排名

連接正式域名後，應提交sitemap、確認重要頁面可以被索引，並用分析工具記錄查詢、電話或預約等重要行動。Google發現頁面、建立信任同調整排名需要時間，任何人都唔應該保證某個關鍵字即時上第一。

之後最有價值嘅更新通常來自真實客人問題：補充服務細節、案例、價錢解釋、地區資訊同常見疑問。每次更新都應該解決一個清楚問題，而唔係為咗塞關鍵字。