域-1.jpg)
網(wǎng)頁(yè)設(shè)計(jì)可以是一項(xiàng)小工程，也可以是企業(yè)大事記，耗費(fèi)眾人之力齊心協(xié)力完成，但完全取決於「網(wǎng)站」的目的為何而定。
從「網(wǎng)站規(guī)劃」的前置作業(yè)，到「視覺/網(wǎng)頁(yè)設(shè)計(jì)」、「功能/程式開發(fā)」、「驗(yàn)收」、「網(wǎng)站維護(hù)」是一段有趣的旅程，不管你是網(wǎng)站建置/改版的負(fù)責(zé)人，還是企業(yè)主，先搞清楚網(wǎng)頁(yè)設(shè)計(jì)流程，後續(xù)規(guī)劃、架構(gòu)、提供網(wǎng)頁(yè)資料時(shí)，事半功倍！
下面這張圖是 CTK Pro 在提供網(wǎng)頁(yè)設(shè)計(jì)服務(wù)時(shí)大致的流程，如果說(shuō)哪個(gè)步驟最重要，不管你想要的設(shè)計(jì)有多精緻、功能有多複雜，回到根本的核心，其實(shí)要看這個(gè)網(wǎng)站存在的「目的」為何，網(wǎng)頁(yè)設(shè)計(jì)公司才能就業(yè)主的需求提供專業(yè)的建議?！?a href="http://sdgss.com.cn/blog/web-design-process/" target="_blank" rel="noopener noreferrer">網(wǎng)頁(yè)設(shè)計(jì)流程，你可能忽略的是…》
頁(yè)設(shè)計(jì)流程圖.jpg)
前置作業(yè)
首先，企業(yè)主會(huì)想要建立/改版網(wǎng)站，一定有個(gè)「緣由」，這些原因可以很簡(jiǎn)單，但絕對(duì)該有個(gè)「優(yōu)先順序」。想要在網(wǎng)路上開始販?zhǔn)畚业纳唐?/span>、在網(wǎng)路上有個(gè)聯(lián)絡(luò)窗口、想建立公司形象、想要消費(fèi)者透過(guò)手機(jī)也可以看到我們、可以被 Google 搜尋排在前面（這可能還需要長(zhǎng)期經(jīng)營(yíng)內(nèi)容或 SEO 公司配合）……
網(wǎng)站不會(huì)是型錄，網(wǎng)路瀏覽的習(xí)慣也不太可能花超過(guò)五分鐘慢慢瀏覽企業(yè)網(wǎng)站，所以首頁(yè)（或者著陸頁(yè)）裡面能表明的就是你最重要要與人溝通的訊息，千萬(wàn)別一古腦把公司介紹、歷史沿革、產(chǎn)品資訊、聯(lián)絡(luò)表單全部都放進(jìn)來(lái)啦！《看看哪些功能/頁(yè)面是你可能沒(méi)想到的》
這階段可能還不會(huì)和網(wǎng)頁(yè)設(shè)計(jì)公司簽約，但釐清自己的需求，確認(rèn)有哪些功能、內(nèi)容是必須的，再和專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)公司溝通，因?yàn)槠髽I(yè)端一定比網(wǎng)頁(yè)設(shè)計(jì)公司更了解自己的企業(yè)、產(chǎn)品和服務(wù)！
網(wǎng)頁(yè)設(shè)計(jì)公司可以為你做的是：
在網(wǎng)站的資訊架構(gòu)、程式碼、SEO、欲執(zhí)行的項(xiàng)目上給予專業(yè)意見。好的網(wǎng)頁(yè)設(shè)計(jì)公司，還會(huì)依照客戶的預(yù)算，規(guī)劃設(shè)計(jì)的程度、功能的多寡。最後是給予雙方明確的合約保障，規(guī)範(fàn)專案執(zhí)行的內(nèi)容、時(shí)程。
視覺/網(wǎng)頁(yè)設(shè)計(jì)：
近來(lái)的網(wǎng)頁(yè)設(shè)計(jì)，慢慢捨去過(guò)往過(guò)多的動(dòng)畫、複雜擁擠的資訊，往手機(jī)優(yōu)先（Mobile First）靠攏。最重要的還是確保企業(yè)主喜好的風(fēng)格、視覺，能夠確實(shí)地傳達(dá)給網(wǎng)頁(yè)設(shè)計(jì)公司！
當(dāng)風(fēng)格/視覺/網(wǎng)頁(yè)功能外觀等有了大致的底定後，以最小可行性原則，網(wǎng)頁(yè)設(shè)計(jì)公司一般還會(huì)提供「設(shè)計(jì)稿」先行與客戶確認(rèn)（當(dāng)然，一些收費(fèi)低廉的套版網(wǎng)站服務(wù)，就不會(huì)有此階段），後續(xù)得到業(yè)主的意見反饋後，還會(huì)提供修改，直到雙方都確定網(wǎng)頁(yè)外觀、功能後，才進(jìn)行下一階段的程式開發(fā)。（網(wǎng)頁(yè)設(shè)計(jì)的進(jìn)度也還要依客戶的反饋時(shí)間來(lái)決定）
網(wǎng)頁(yè)設(shè)計(jì)公司可以為你做的是：
清楚了解業(yè)主的視覺設(shè)計(jì)需求、企業(yè)識(shí)別規(guī)範(fàn)（Coperate Identity），可以就需求和 CI 延伸出整體設(shè)計(jì)理念。另外網(wǎng)頁(yè)設(shè)計(jì)稿的修改，是否能依照每次開會(huì)方向修改，修改次數(shù)的多寡/限制，都會(huì)影響到整個(gè)網(wǎng)站的製作時(shí)程。
功能/程式開發(fā)與驗(yàn)收：
由網(wǎng)頁(yè)工程師依照設(shè)計(jì)稿、功能開始製作後臺(tái)、切版、調(diào)整。這部份的工作對(duì)有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)公司來(lái)說(shuō)，時(shí)程較容易掌握，企業(yè)主若能先整理各頁(yè)面的素材（圖片、內(nèi)容），絕對(duì)有助於加速整個(gè)網(wǎng)站開發(fā)的進(jìn)行。
網(wǎng)頁(yè)設(shè)計(jì)公司可以為你做的是：
程式開發(fā)會(huì)依照當(dāng)初設(shè)計(jì)稿的方向走，但在開發(fā)/驗(yàn)收階段，都還會(huì)有改動(dòng)的空間，若這時(shí)候有什麼想法務(wù)必即時(shí)提出。
好的網(wǎng)頁(yè)設(shè)計(jì)公司會(huì)讓你知道大致的進(jìn)度，在適當(dāng)?shù)臅r(shí)機(jī)提供教學(xué)，並且輔導(dǎo)你驗(yàn)收網(wǎng)站（把他們的專業(yè)知識(shí)都吸收過(guò)來(lái)就對(duì)了！）。
後續(xù)服務(wù)：
網(wǎng)站絕對(duì)不是「上線」後就沒(méi)事了，這裡指的是網(wǎng)站仍需要後續(xù)的維運(yùn)，才能達(dá)到當(dāng)初設(shè)定的目標(biāo)，有好的內(nèi)容可以自行上線，也是使用?WordPress?架站的好處之一。
舉例來(lái)說(shuō)，當(dāng)初設(shè)定要能夠出現(xiàn)在 Google 搜尋結(jié)果第一頁(yè)，不可能蓋完一個(gè)網(wǎng)站就達(dá)成，需要依照公司屬性、服務(wù)建立內(nèi)容；如果蓋的是購(gòu)物網(wǎng)站，不斷改善文案、CTA，或是產(chǎn)品說(shuō)明、曝光方式，甚至是 A/B Test 都有機(jī)會(huì)讓業(yè)績(jī)提昇。
網(wǎng)頁(yè)設(shè)計(jì)公司可以為你做的是：
網(wǎng)頁(yè)的基本保固是不能少的，主機(jī)、資料庫(kù)備份也都會(huì)在合約一開始就談好。使用 WordPress 架站另一個(gè)好處就是後續(xù)的擴(kuò)充性很多，而且可能的工程時(shí)間不長(zhǎng)，也不太有做一個(gè)功能就需要砍掉重練的情況。
流程有了，時(shí)程呢？
客戶常常會(huì)問(wèn)：「這個(gè)案子兩個(gè)月ok嗎？」、「我們網(wǎng)站一個(gè)月可以上線嗎？」嘿，你真的有認(rèn)真看上面的文章嗎？
實(shí)際執(zhí)行上，一兩週完成網(wǎng)站絕對(duì)還是可行的，但下面這張圖，把上述「網(wǎng)站設(shè)計(jì)流程」作為簡(jiǎn)易甘特圖，給大家參考（不把天數(shù)寫上）。
若有自信需要修改的不多，或者完全信任網(wǎng)頁(yè)設(shè)計(jì)公司，全權(quán)交給設(shè)計(jì)公司處理，時(shí)程自然可以縮短很多。但網(wǎng)站關(guān)係到企業(yè)門面、形象，不太可能如此執(zhí)行，合理的給予網(wǎng)頁(yè)設(shè)計(jì)公司執(zhí)行的時(shí)程，也給自己審查、修改的空間，才會(huì)是個(gè)正常網(wǎng)站執(zhí)行的時(shí)程。
實(shí)際執(zhí)行時(shí)的時(shí)程，更要考量頁(yè)面數(shù)量、功能多寡、修改次數(shù)來(lái)決定。倘若今天真有一個(gè)月就要完成的任務(wù)，那麼前期的準(zhǔn)備就要更明確，減少功能變動(dòng)、修改次數(shù)來(lái)達(dá)到準(zhǔn)時(shí)上線的目標(biāo)！
數(shù)位行銷工具應(yīng)用者。從企劃、網(wǎng)站規(guī)劃、文案、社群、網(wǎng)路行銷工具無(wú)所不包。 大腦如果和網(wǎng)路資料庫(kù)連結(jié)，多少可以緩解資訊焦慮癥狀。
