透過線上或現場會議,進行需求訪談,了解品牌背景、服務內容與實際使用情境,包含網站的核心目標、目標受眾與後續營運方式。 此階段會協助整理需求重點、確認功能優先順序,並初步聚焦設計方向,同時蒐集參考網站、視覺風格或相關案例,作為後續設計規劃的基礎,避免設計方向偏離需求。

依據初次會議所整理的方向,結合客戶提供的參考圖片、網站與相關資料,製作 ImageBoard 作為設計共識的依據。 ImageBoard 會分別整理內容架構與視覺風格,清楚呈現資訊層級、畫面節奏與整體氛圍,讓雙方在進入實際設計前,先確認整體方向是否符合品牌定位,降低後續調整成本。

在確認 ImageBoard 方向後,進行 GUI 視覺設計,製作主要頁面的靜態視覺設計稿,包含版面配置、色彩規劃、字體應用與關鍵視覺元素。 同時提供必要的動態與互動說明,確保設計在實際操作時符合使用者行為與開發需求,兼顧視覺表現與實用性。

以主視覺設計稿為基礎,延伸規劃其他頁面與功能區塊的設計。 若有需進一步定義的區塊,將持續進行 GUI 視覺設計確認;若為既有或無需再次設計的區塊,則直接製作為網站可使用的區塊並上架至系統。 完成後可於後台實際套用至頁面中進行預覽,確認設計在實際使用環境下的呈現效果。

待所有必要的網站區塊完成後,依據規劃組合成對應頁面,整體檢視視覺一致性與操作流程。 此階段將確認資訊層級、操作邏輯與整體體驗是否符合初期規劃,確保設計具備良好的可用性與延展性,完成設計階段,並銜接後續開發與內容調整。
