跳至主要內容
Y C I M
004 — 設計流程

流程即藝術。 每一步皆精準。

Process is art. Every step matters.

TEAM — 專業分工

4 大角色 1 個目標

網站交付仰賴團隊分工協作;除了外觀呈現,也重視網站架構與整體體驗。
每個階段交由不同專業人員來負責,由專案經理統籌溝通,為您的品牌進行最後把關。

Visual Designer

視覺設計師

負責視覺設計、版面編排與風格呈現,將品牌美學轉化為令人屏息的視覺語言。

Front-End Designer

前端設計師

負責切版、樣式與前端互動效果,以 HTML / CSS / JS 賦予設計生命力與動態體驗。

Back-End Programmer

後端工程師

負責後端程式與資料庫架構及前後台串接,讓網站真正運作、穩定且安全。

Project Manager

專案經理

負責雙向溝通與資訊統籌,整合各角色工作、掌控進度,確保專案按里程碑交付。

七大階段
01
Signed

簽約立案

確認合作範圍、權責與里程碑,完成專案啟動。

主要工作

需求初步確認、報價 / 合約、付款條件、交付物清單、時程與溝通窗口建立。

常見產出

合約 / 報價單、里程碑與驗收點、需求變更流程約定。

客戶確認

功能範圍與頁面數、時程、素材提供責任、授權 / 著作權使用方式。

02
Planning

專案規劃

釐清網站目標與資訊架構,建立可執行的功能 / 內容規格。

主要工作

目標受眾與使用情境、站點地圖、內容欄位、功能清單、後台需求、SEO / 追蹤需求盤點。

常見產出

Sitemap、線框稿(Wireframe)或流程圖、功能規格含後台欄位與權限。

客戶確認

架構與功能範圍定稿,同意後續變更依流程處理。

03
Preparation

資料準備

收齊設計與開發所需素材,降低製作過程的等待與返工。

客戶提供

LOGO / 品牌規範、文案、圖片 / 影片、產品資訊、案例、聯絡方式、社群連結、條款等。

團隊執行

素材規格檢查與建議、文案結構整理、缺件清單追蹤。

常見產出

素材清單 / 缺件追蹤表、內容草稿、圖片命名與上架規範。

04
First Draft

視覺初稿

提出可討論的視覺方向,完成主要頁面版型與設計語言。

主要工作

視覺風格提案、首頁 / 關鍵內頁版型、色彩 / 字體 / 元件規範初版。

常見產出

設計稿(首頁 + 主要內頁)、元件 / 版面規範、修正回合與範圍約定。

客戶確認

設計方向與版型確認,避免後續大量改動造成時程延誤。

05
CSS / Animation

內頁排版與動畫

將設計稿落地為可互動的前端畫面,完成響應式與動效。

主要工作

HTML / CSS 切版、RWD 斷點調整、互動動畫、跨瀏覽器與裝置測試。

常見產出

前端頁面、樣式指南(字體 / 顏色 / 間距 / 元件狀態)、互動規格。

驗收建議

以主要裝置與瀏覽器為基準:手機 / 平板 / 桌機(Chrome / Safari / Edge)。

06
Programming

後端程式開發

完成資料流程、後台管理與前後台整合,讓網站可實際運作。

主要工作

資料庫設計、前台串接、後台 CRUD、權限管理、表單寄信、第三方服務串接。

常見產出

測試站(Staging)、後台管理系統、測試帳號、功能測試清單。

驗收建議

依功能規格逐項測試,確認權限、資料輸入規則、錯誤提示與備援機制。

07
Online

正式上線

部署正式環境並完成上線檢核,確保可用性與可維運性。

主要工作

網域 / DNS、SSL、主機部署、備份還原流程、速度相容檢核、SEO 基本設定、上線前 QA。

常見產出

正式站、上線檢核表、維護保固範圍與窗口、操作交接文件。

驗收建議

正式站檢核與交接:網域 / SSL / 備份 / 維運。

MILESTONES — 里程碑驗收

5 大驗收節點

M1

規劃完成

Sitemap / 功能範圍定稿

M2

設計完成

首頁與主要內頁設計定稿(含修正回合結束)

M3

前端完成

RWD 與互動效果確認

M4

功能完成

後台與前台功能測試通過(含表單 / 寄信 / 權限)

M5

上線完成

正式站檢核與交接(網域 / SSL / 備份 / 維運)

準備好開啟
品牌設計之旅?

免費品牌諮詢