網站製作流程說明
一個網站的形成從「內容企劃」、「視覺設計」到「程式開發」、「後台維護」環環相扣、每一步都不可或缺。在網站建置的過程中，要經過全面性的作業流程規劃才能打造完整且完美的網頁，讓網站為企業品牌帶來更多的資訊推廣與行銷效益。
網站製作的流程需要經過六大步驟
步驟一：簽約後討論需求，約15個工作天
步驟二：視覺設計，約需20個工作天
步驟三：切版與後台設計，約需30個工作天
步驟四：資料上架與校對
步驟五：後台教學
步驟六：網站上線
網站建置｜步驟一：簽約後討論需求，約15個工作天
由專案企劃帶領您一步步起始構思，不馬虎地規劃訪談、建議分享，為您構築一個「達成需求目標、有效引導客戶」的網站藍圖。 這個步驟是最重要的網頁設計流程起手式，千萬不要讓網站變成蚊子館，愛貝斯會透過訪談的方式跟您詢問網站客群、喜好案例、企業故事與特色甚至是競爭對手等，大量的收集需求與可能性，這樣設計師才能往正確的方向發想，並請符合企業轉換率需求，減少往來校稿的溝通時間。
網站建置｜步驟二：網頁視覺設計，約需20個工作天
設計師開始量身打造您適合公司意象的網站視覺。愛貝斯會提供平面稿件與客戶校對設計理念，有共識後再往下執行。
若需要校稿的設計頁面較多或是修改內容比較複雜時，製作時間會依實際狀況增加。通常這也是整個網頁建置最花時間的一道流程手續。
建議客戶可以先準備一些資料，幫助設計公司的顧問可以快速了解您的需求。
建議客戶可準備的資料清單
| 資料項目 | 說明 | 提供形式 |
|---|---|---|
| 品牌識別資料 | Logo、品牌色、字型、識別手冊 | AI / SVG / PDF 檔 |
| 品牌理念與調性 | 品牌定位、創業故事 | 簡報或文件 |
| 參考網站 | 喜歡與不喜歡的網站範例，說明原因 | 網址 + 簡短說明 |
| 網站架構草圖 | 列出主要頁面分類與階層 | Word / Excel / 手繪圖 |
| 圖片素材 | 品牌形象照、產品照、團隊照等 | JPG / PNG 檔案，寬度最好有1920px以上的解析度 |
| 文字內容草稿 | 標題、副標、服務說明、聯絡資訊 | Word / Google Doc |
| 社群與行銷素材 | Facebook、IG、LinkedIn 頁面連結、品牌口號 | 連結 + 文案 |
| 功能需求清單 | 多語系、表單、會員登入、互動特效等 | Word / Excel 清單 |
網站建置｜步驟三：網頁切版與後台設計，約需30個工作天
由工程師為每個頁面注入生命，並且製作好用的後台讓客戶可自行更換資料。好用的後台是網站的靈魂，也是辨別網站設計公司的經驗是否充足的指標。
一般常見的後台設計功能：
標配核心功能
| 功能項目 | 主要說明 | 細節特色 |
|---|---|---|
| 權限管理 | 設定角色與權限，以權限最小原則做建置方向 | 可分為總管理者、主管理者、一般管理者三種權限類型，並且可以分別設定不同的管理單元以及登入時間。 |
| 文章頁面管理 | 內容建立與編輯核心模組 | 可透過欄位或是編輯器編輯頁面上的圖片、文字，並且可以設定排程發布。 |
| 圖片管理 | 管理文章內的圖片與影片資產 | 有批次上傳、線上裁切、WebP轉檔、自動壓縮等功能 |
| SEO 與分享設定 | 內建SEO工具，提升搜尋引擎友善度 | Title、Meta、OG 、Canonical、Sitemap、自動結構化資料等設定 |
| 表單管理 | 蒐集訪客資料與行銷名單 | 表單資料收集、資料匯出 |
| 系統日誌 | 紀錄網站後台運作行為 | 管理者的登入登出紀錄、文章資料修改紀錄、檔案變動紀錄等功能 |
AI應用功能
| AI 功能項目 | 主要應用 | 細節特色 |
|---|---|---|
| AI 翻譯 | 多語系內容自動翻譯與差異比對 | 一鍵翻譯整頁、語氣與品牌術語庫、關鍵詞保護、逐段審核 |
| AI 寫文 | 協助產出或優化內容草稿 | 依頁面目的自動生成文案、重寫與濃縮、SEO 描述自動產出、內鏈建議 |
| 智慧標籤與分類 | 提升內容歸類與搜尋精準度 | 自動產生標籤、推薦分類、建立相關內容區塊 |
| AI SEO優化建議 | 依據頁面內容建議修改項目 | 自動建議技術型的SEO與內容型的SEO優化建議 |
網站建置｜步驟四：資料上架與校對，並提供測試站。約10個工作天
我們會建立一個不公開的「測試站」，讓客戶先行檢查內容與功能是否正確。測試站的用途包括：
- 預覽版面設計與互動效果
- 檢查文字、圖片、連結、表單是否正確
- 進行 SEO 項目與行動裝置顯示測試
- 上線前最終確認與修正
- 確認無誤後，我們會將內容完整搬遷到正式網站
此外，愛貝斯的企劃會幫客戶上架一些資料，優化SEO的基礎內容，包括：
- 首頁與重點單元的SEO Meta資料
- 檢查重點頁面的H標籤結構
- 做好舊網站的301轉址
- 產出sitemap檔案
- 設定GA流量分析、Google Search Console
延伸閱讀：SEO是什麼？SEO行銷知識懶人包
網站建置｜步驟五：後台教學。約1個小時
並針對網站後台做教育訓練，，讓客戶可以隨時隨地修改網站資料，過程中會帶入SEO的知識概念，讓Google更認識您的網站。網站建置｜步驟六：網站上線
這時要準備好您的網址設定資料，交由愛貝斯的工程師幫您把網站上線，設定後約24小時就可以看到您的新網站囉!