1. 開發主題與需求確認（Topic Confirmation）
了解網路服務想要帶給使用者的價值，設計時更能夠遵照同樣的價值進行。
2. 使用者經驗與流程設計（User flow & UX design）
產出操作流程圖（Flow Diagram, Storyboard），強調各種行為產生的動線。流程圖有利於大型團隊溝通，透過流程圖可快速理解動作之間的關聯。
3. 前端介面架構規劃（Wireframe）
架構規劃的好處：
- 培養對產品的認同感
- 釐清後端服務接口
- 職責分工
4. 需求條列化（Specification）
對於前端工程師來說，此階段最重要的應該是「確認使用者視覺及操作需求」。
5. 前後端分工（Division of Work）
- 前端列出需要後端傳送的資料
- 後端列出資料的接口，像是前端需傳送給後端的參數、後端回傳的資料、api 網址等等
6. 前端開發（Front-End development）
7. 追蹤開發進度（Function & Issue Tracking）
可利用專案進度追蹤工具，如「Trello」
8. 開發測試與驗收（Testing & Check of work）
若有 Bug，將 Bug 紀錄進開發進度追蹤系統（issue tracking system）；若使用經驗不如預期，負責修改的人需要將之前的操作流程圖升級成下一個版本，再依據修改的內容進行工作分派。