Process / 製作過程
把網站畫面，接上真正能使用的功能
前端畫面已完成，但操作還停留在畫面；門面就從這裡接手。先確認完成度與可沿用範圍，再接上功能與後台，最後完成測試和正式部署。
Step 01
先確認前端是否已達可接續的完成度
檢查完整原始碼、主要頁面、桌機與手機版面、互動、素材與套件。確認是一套能在瀏覽器操作的完整前端網站後，再標出可直接沿用、需要重整與不適合正式環境的部分。
主要頁面完整
RWD 已完成
主要互動可操作
不是接手線框、設計稿或零散初稿
完整前端技術檢查FRONTEND REVIEW / HANDOFF PLAN
Step 02
讓表單、登入與後台真的運作
先確認每個操作需要保存哪些資料、誰能使用、何時通知，以及錯誤怎麼處理；接著建立資料庫、管理介面與功能流程，並完成登入、權限、驗證、通知及第三方串接。
表單與資料
後台與權限
通知與串接
讓網站從看得到、點得到，變成真的能使用
畫面背後，接上正式功能FRONTEND → APPLICATION SYSTEM
資料庫 DATA管理後台 ADMIN登入權限 ACCESS通知串接 NOTICE
Step 03
完成主要流程測試與正式部署
檢查主要操作、權限、錯誤狀況與各裝置畫面，完成環境設定、資料準備與上線前確認，再部署到正式環境。
流程與權限測試
環境設定
正式部署
最後完成可維護、可部署的正式網站
上線控制台FINAL CHECKS → GO LIVE
Desktop PASS
Mobile PASS
- 程式部署 ✓
- 資料準備 ✓
- 環境設定 ✓
✓LIVE
PRODUCTION網站正式上線正式網址・ONLINE
Before we start
開始前常見問題
哪些情況適合從這裡開始？
例如：產品畫面目前使用假資料，需要接上真正資料；品牌網站要加入內容後台、詢問表單、預約或通知；會員網站或內部工具需要登入與權限；用前端或網站製作工具完成整站後，需要整理程式、串接 Laravel 並正式部署。只要前端網站已完成，缺的是畫面背後的功能，就可以先評估。
前端網站需要準備到什麼程度？
主要頁面與內容都已完成，桌機、平板、手機版面可正常瀏覽，導覽、表單、切換等主要互動能實際操作。專案原始碼必須可以完整下載，並能交由門面安裝、執行與修改；門面接手的是它背後尚未完成的資料、權限、後台與正式環境。
哪些成果還不能從這項服務開始？
線框稿、Figma 設計稿、截圖、只有首頁或幾個畫面的初稿，以及尚未完成 RWD 或主要互動的頁面，都還沒達到這項服務的接手條件。這些成果可改從 Figma 實作、首頁延伸或其他前一階段的製作能力開始。
用網站製作工具或 AI 完成，但不能匯出完整原始碼，可以接嗎？
不行。這項服務的接手前提，是你能下載並交付完整專案原始碼，門面取得後能在自己的開發環境安裝、執行與修改；專案使用的圖片、字型與套件也必須一併提供，並具備可用於正式網站的授權。只有預覽網址、平台分享連結、截圖、圖片、PDF，或平台無法匯出完整程式碼的成果，都不能代替原始碼，也不屬於這項服務。若需要門面依照畫面重新製作前端，需改從前端實作服務評估。
現有前端會全部照原樣保留嗎？
畫面與操作會盡量沿用，但程式不一定原封不動保留。門面會先檢查現有程式；如果有無法串接正式功能、授權不清楚或後續難以維護的部分，會先說明原因與需要調整的範圍，再確認是否進行。