CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top
web-design-process-and-schedule-sche

1 個月可以完成網站嗎?網頁設計流程圖,教你網頁設計時程怎麼抓

web-design-process-and-schedule-sche

網頁設計可以是一項小工程,也可以是企業大事記,耗費眾人之力齊心協力完成,但完全取決於「網站」的目的為何而定。

「網站規劃」的前置作業,到「視覺/網頁設計」「功能/程式開發」「驗收」「網站維護」是一段有趣的旅程,不管你是網站建置/改版的負責人,還是企業主,先搞清楚網頁設計流程,後續規劃、架構、提供網頁資料時,事半功倍!

下面這張圖是 CTK Pro 在提供網頁設計服務時大致的流程,如果說哪個步驟最重要,不管你想要的設計有多精緻、功能有多複雜,回到根本的核心,其實要看這個網站存在的「目的」為何,網頁設計公司才能就業主的需求提供專業的建議。《網頁設計流程,你可能忽略的是…

1 個月可以完成網站嗎?網頁設計流程圖,教你網頁設計時程怎麼抓 10

前置作業

首先,企業主會想要建立/改版網站,一定有個「緣由」,這些原因可以很簡單,但絕對該有個「優先順序」。想要在網路上開始販售我的商品、在網路上有個聯絡窗口、想建立公司形象、想要消費者透過手機也可以看到我們可以被 Google 搜尋排在前面(這可能還需要長期經營內容或 SEO 公司配合)……

網站不會是型錄,網路瀏覽的習慣也不太可能花超過五分鐘慢慢瀏覽企業網站,所以首頁(或者著陸頁)裡面能表明的就是你最重要要與人溝通的訊息,千萬別一古腦把公司介紹、歷史沿革、產品資訊、聯絡表單全部都放進來啦!看看哪些功能/頁面是你可能沒想到的

這階段可能還不會和網頁設計公司簽約,但釐清自己的需求,確認有哪些功能、內容是必須的,再和專業的網頁設計公司溝通,因為企業端一定比網頁設計公司更了解自己的企業、產品和服務!

網頁設計公司可以為你做的是:
在網站的資訊架構、程式碼、SEO、欲執行的項目上給予專業意見。好的網頁設計公司,還會依照客戶的預算,規劃設計的程度、功能的多寡。最後是給予雙方明確的合約保障,規範專案執行的內容、時程。

視覺/網頁設計:

近來的網頁設計,慢慢捨去過往過多的動畫、複雜擁擠的資訊,往手機優先(Mobile First)靠攏。最重要的還是確保企業主喜好的風格、視覺,能夠確實地傳達給網頁設計公司!

當風格/視覺/網頁功能外觀等有了大致的底定後,以最小可行性原則,網頁設計公司一般還會提供「設計稿」先行與客戶確認(當然,一些收費低廉的套版網站服務,就不會有此階段),後續得到業主的意見反饋後,還會提供修改,直到雙方都確定網頁外觀、功能後,才進行下一階段的程式開發。(網頁設計的進度也還要依客戶的反饋時間來決定)

網頁設計公司可以為你做的是:
清楚了解業主的視覺設計需求、企業識別規範(Coperate Identity),可以就需求和 CI 延伸出整體設計理念。另外網頁設計稿的修改,是否能依照每次開會方向修改,修改次數的多寡/限制,都會影響到整個網站的製作時程。

功能/程式開發與驗收:

由網頁工程師依照設計稿、功能開始製作後台、切版、調整。這部份的工作對有經驗的網頁設計公司來說,時程較容易掌握,企業主若能先整理各頁面的素材(圖片、內容),絕對有助於加速整個網站開發的進行。

1 個月可以完成網站嗎?網頁設計流程圖,教你網頁設計時程怎麼抓 11

網頁設計公司可以為你做的是:
程式開發會依照當初設計稿的方向走,但在開發/驗收階段,都還會有改動的空間,若這時候有什麼想法務必即時提出。
好的網頁設計公司會讓你知道大致的進度,在適當的時機提供教學,並且輔導你驗收網站(把他們的專業知識都吸收過來就對了!)。

後續服務:

網站絕對不是「上線」後就沒事了,這裡指的是網站仍需要後續的維運,才能達到當初設定的目標,有好的內容可以自行上線,也是使用 WordPress 架站的好處之一。

舉例來說,當初設定要能夠出現在 Google 搜尋結果第一頁,不可能蓋完一個網站就達成,需要依照公司屬性、服務建立內容;如果蓋的是購物網站,不斷改善文案、CTA,或是產品說明、曝光方式,甚至是 A/B Test 都有機會讓業績提昇。

網頁設計公司可以為你做的是:
網頁的基本保固是不能少的,主機、資料庫備份也都會在合約一開始就談好。使用 WordPress 架站另一個好處就是後續的擴充性很多,而且可能的工程時間不長,也不太有做一個功能就需要砍掉重練的情況。

流程有了,時程呢?

客戶常常會問:「這個案子兩個月ok嗎?」、「我們網站一個月可以上線嗎?」嘿,你真的有認真看上面的文章嗎?

實際執行上,一兩週完成網站絕對還是可行的,但下面這張圖,把上述「網站設計流程」作為簡易甘特圖,給大家參考(不把天數寫上)。

1 個月可以完成網站嗎?網頁設計流程圖,教你網頁設計時程怎麼抓 12

若有自信需要修改的不多,或者完全信任網頁設計公司,全權交給設計公司處理,時程自然可以縮短很多。但網站關係到企業門面、形象,不太可能如此執行,合理的給予網頁設計公司執行的時程,也給自己審查、修改的空間,才會是個正常網站執行的時程。

實際執行時的時程,更要考量頁面數量、功能多寡、修改次數來決定。倘若今天真有一個月就要完成的任務,那麼前期的準備就要更明確,減少功能變動、修改次數來達到準時上線的目標!

Aron Lai

數位行銷工具應用者。從企劃、文案、社群、網路行銷工具無所不包。 希望大腦可以和網路資料庫連結,緩解資訊焦慮症狀。

Follow: