建站資深品牌
專業(yè)網(wǎng)站建設(shè)公司

網(wǎng)站設(shè)計接單中的大致步驟

　　第一步：

　　我的第一步包含下面這些(大致說明一下，也歡迎大家分享自己的第一步)

　　我只是把我想得到的，頭一次商談要注意的貼出來

　　確認(rèn)客戶是否真的需要網(wǎng)站：

　　我發(fā)現(xiàn)，有的客戶只是想要電子郵件，而不是網(wǎng)站。

　　所以必須先確定他是否真的需要網(wǎng)站。

　　我自己親自談還是業(yè)務(wù)幫我談：

　　親自談有時候甚至可以當(dāng)下馬上改設(shè)計

　　業(yè)務(wù)幫我談就不一樣，因為話經(jīng)過業(yè)務(wù)加油添醋，會不一樣

　　客戶有沒有自己的營銷企畫：

　　企畫書怎么會交給設(shè)計師寫?設(shè)計師應(yīng)該是提案給客戶選吧～

　　客戶有沒有認(rèn)真去思考「網(wǎng)站」就看他有沒有自己寫一份報告給老板看過

　　難道是為了網(wǎng)站而網(wǎng)站

　　客戶有沒有特殊癖好：

　　網(wǎng)站風(fēng)水學(xué)?無障礙網(wǎng)站?

　　沒有先搞清楚這些特殊癖好，小心網(wǎng)站做好后才被削

　　客戶準(zhǔn)備多少資料要做網(wǎng)站：

　　千萬不要相信客戶說「資料很多，很齊全」

　　因為網(wǎng)站上面要用的數(shù)據(jù)可不是那么簡單

　　照片一定要，現(xiàn)有的型錄也跑不掉

　　涉及健康、生命安全的產(chǎn)品最好有政府檢驗過的報告

　　有爭議的網(wǎng)站內(nèi)容最好別接(如吃下肚子，馬上瘦十公斤的廣告?zhèn)鲉?

　　公司簡介、部門組織、地圖、聯(lián)絡(luò)數(shù)據(jù)一樣都不能少

　　當(dāng)客戶問起什么資料要準(zhǔn)備時=還沒準(zhǔn)備好要做網(wǎng)站

　　這些都沒有，等這些資料都做好了，再做網(wǎng)站吧!

　　購物網(wǎng)站：

　　預(yù)算不夠的公司，不妨建議他去找PCHOME、YAHOO合作開店

　　預(yù)算更低的，先玩網(wǎng)絡(luò)拍賣吧

　　購物網(wǎng)站不等于東西就能賣出去

　　東西賣不出去，就算有購物網(wǎng)站也一樣

　　東西賣得出去，就算沒有購物網(wǎng)站也能賣

　　網(wǎng)址注冊、主機(jī)、電子郵件：

　　客戶有沒有自己的網(wǎng)址?自己的主機(jī)?自己的電子郵件?

　　這些都涉及到以后的網(wǎng)站設(shè)計好要放哪里

　　展示我的作品：

　　作品是有風(fēng)格差異的，不一樣的設(shè)計師做的就不一樣

　　難不成要幾米去畫火影忍者(能看嗎?)

　　風(fēng)格不喜歡從客戶眼神及談話內(nèi)容就能感覺到

　　不要隨口答應(yīng)「沒問題，我能改到你滿意」

　　發(fā)現(xiàn)客戶要的不屬于自己的風(fēng)格，可以介紹別的設(shè)計師

　　設(shè)計師應(yīng)該把重心放在自己擅長的案子上

　　平均完稿時間有多久：

　　我所謂的完稿是指畫面排好，還沒做 HTML

　　只是用繪圖軟件先給客戶看排版，這段時間要花多久

　　報價：

　　第一步不報價，我通常只會說一個 RANGE 價格范圍

　　因為還沒有看到有多少數(shù)據(jù)要處理，不可能有正確的報價

　　報價高低的參考因素可以事先告知

　　如數(shù)據(jù)的處理量多寡、是否包含網(wǎng)址、空間主機(jī)、電子郵件等等

　　合約書：

　　可以先給對方看過，大家先對合約有認(rèn)識

　　不一定要第一次就簽約，不過大家對合約有共識

　　適度的修改合約符合雙方實際狀況也很重要

　　如：客戶需要開票期三個月～

　　備案：

　　第一步談得愉快還好，談不妥得要有備案

　　發(fā)現(xiàn)客戶的風(fēng)格喜好不同，可以介紹認(rèn)識的設(shè)計師給客戶

　　第一步談案子的立場要放在「幫客戶把網(wǎng)站發(fā)包出去」

　　所以不一定要你自己接下來做，不對頭的案子可以給別人做

　　當(dāng)然如果能自己接下來做，自然就會賺得比較多

　　(介紹別人做也能賺?見仁見智!)

　　----

　　第二步的重點放在數(shù)據(jù)，還有第一步的進(jìn)度延伸，我先從前一步的延伸先說，再來談第二步的資料怎么拿。

　　如果有幫客戶申請網(wǎng)址、空間：

　　網(wǎng)址申請通常需要點時間更新各大ISP的DNS

　　所以從申請到真的可以用，最短應(yīng)該48小時內(nèi)，最長也有可能拖到三到五天。

　　網(wǎng)址申請到了，記得先放上一張?網(wǎng)站設(shè)計中?網(wǎng)頁，如果能在上面用個郵件窗體會比較好。

　　如果有幫客戶申請電子郵件：

　　準(zhǔn)備一張電子郵件賬號申請表，字段只要郵件賬戶、用戶、職稱、密碼即可。

　　用英文名當(dāng)郵件賬戶經(jīng)常會強(qiáng)碰，所以要看情況給予客戶建議

　　如：依分機(jī)號碼編電子郵件(這部份見仁見智)

　　客戶簽約了，還缺一份?進(jìn)度及付款條件對照表?：

　　比較簡單的寫法就是分成三階段(或更多)付款，每個階段的認(rèn)定標(biāo)準(zhǔn)則雙方敲定即可。另外一種寫法就是以你自己的進(jìn)度為進(jìn)度，可能從草稿、校稿、定稿、設(shè)計稿轉(zhuǎn)網(wǎng)頁、數(shù)據(jù)仿真、上線測試，修改網(wǎng)頁等等，不要列太仔細(xì)，尤其時列了一些客戶看不懂的工作項目，如：PSD 轉(zhuǎn) CSS HTML

　　注：幾年前我有丟一張對照表給網(wǎng)友，不過已經(jīng)太久沒有碰網(wǎng)站設(shè)計，文件已經(jīng)不在我的計算機(jī)內(nèi)，請找別人要看看吧!

　　第二部份的重點來了，索取哪些數(shù)據(jù)，但是因為客戶不同，會有點不一樣。我知道的就盡量說，大家也可以分享自己的經(jīng)驗。

　　基本數(shù)據(jù)從哪里來：

　　名片(多要幾個人的名片，以后會比較好找人，或找人幫你找人)

　　經(jīng)濟(jì)部商業(yè)司(查統(tǒng)編、公司登記基本資料)

　　客戶有通過 ISO 認(rèn)證：

　　一階文件一定要拿，因為 ISO 一階規(guī)定要有公司簡介、發(fā)展沿革、組織結(jié)構(gòu)、使命及愿景等大方向的資料。

　　公司照片：

　　不管用什么方法，公司門面的照片、辦公室的照片、工廠的照片多少要拿一些。

　　如果客戶給的照片質(zhì)量實在不怎么樣，良心建議他請攝影師來拍吧!

　　要不然就是你自己拍

　　產(chǎn)品型錄、說明書：

　　現(xiàn)有的商品型錄一張也不能少

　　不管新舊產(chǎn)品，只要有商品型錄就拿一份

　　產(chǎn)品說明書有設(shè)計過的話，通常上面有有一些設(shè)計好的圖表、人物、圖標(biāo)

　　如果能夠拿來用，可以省下不少腦筋

　　服務(wù)簡報：

　　有些客戶并不是生產(chǎn)產(chǎn)品，而是提供服務(wù)

　　看客戶有沒有介紹自己業(yè)務(wù)內(nèi)容的簡報可以提供(通常業(yè)務(wù)會自己做一份)

　　或者是?面試員工的公司介紹文件?，有的公司會直接拿 ISO 一階面試

　　教案、考題：

　　我碰過老師的網(wǎng)站，基本上考題跟教案都會用計算機(jī)打，記得去要一份

　　有些例外，如數(shù)學(xué)(方程式編輯器很難用)

　　沒有檔案的話，拿一份空白考卷掃描(答案卷也一樣)

　　機(jī)器設(shè)備 DM：

　　有些產(chǎn)業(yè)會使用特殊的機(jī)器設(shè)備，如 X 光機(jī)，工具顯微鏡、拉力測試機(jī)、自動打包機(jī)等，有可能跟品管有關(guān)、有可能跟廠務(wù)有關(guān)。找出機(jī)器設(shè)備的型號、設(shè)備廠商，拿一份機(jī)器設(shè)備的 DM 吧。(年久失修的設(shè)備怎么拍都很臟，用DM上的照片吧)

　　員工大合照：

　　公司多少會有公司旅游，有旅游就會有團(tuán)體大合照

　　有制服的公司，通常也會再換新制服的時候大家合照一張

　　沒有制服、旅游。總該有尾牙或春酒吧

　　聚餐的照片也不要少(喝醉發(fā)瘋的照片不要用)

　　客戶特別喜歡的網(wǎng)站：

　　同業(yè)的網(wǎng)站通常是參考標(biāo)準(zhǔn)，所以別忘了收集同業(yè)的網(wǎng)站參考

　　再來就是?老板?特別喜好的網(wǎng)站

　　不要收集?經(jīng)理??主任??課長?特別喜好的網(wǎng)站，因為這些網(wǎng)站風(fēng)格不一定老板會喜歡。

　　留下 FTP 賬號密碼或燒光盤：

　　數(shù)據(jù)如果太大，教客戶用FTP是必要的

　　如果不想用FTP，那么至少要會燒光盤片

　　客戶把數(shù)據(jù)燒成光盤，再通知你去拿

　　有登記注冊的商標(biāo)：

　　應(yīng)該會有一份經(jīng)濟(jì)部智慧財產(chǎn)局發(fā)的商標(biāo)登記證書

　　千萬、千萬別聽客戶?嘴巴上說?已經(jīng)登記

　　已經(jīng)登記的商標(biāo)如果沒有檔案，就必須掃描起來重新畫過

　　不要在已經(jīng)注冊登記的商標(biāo)上面加油添醋

　　分店、加盟店、分公司聯(lián)絡(luò)資料：

　　只有總公司的數(shù)據(jù)是不夠的，網(wǎng)站上的聯(lián)絡(luò)信息應(yīng)該會包含所有分公司數(shù)據(jù)

　　所以記得要一份分公司、分店、加盟店的地址、電話、簡易地圖、店長、分公司聯(lián)絡(luò)人等數(shù)據(jù)。有的客戶同意用清單的方式完成這份數(shù)據(jù)，有的希望結(jié)合臺灣地圖，請記得問一下客戶希望用什么方式，別自己玩的很開心。

　　善用網(wǎng)絡(luò)地圖：

　　只有住址并不夠，有些時候必需幫客戶畫地圖放在網(wǎng)站上

　　不過有的客戶不喜歡地圖，畫地圖之前先問一下，以免做白工。

　　說明你為什么需要這些數(shù)據(jù)：

　　有的客戶是真的不曉得網(wǎng)站要放哪些資料，當(dāng)你提出前面林林總總的數(shù)據(jù)時，他可能會問你為什么，所以你一定要善盡你的責(zé)任說明。因為有的時候我們覺得需要這些數(shù)據(jù)，客戶倒是不這么認(rèn)為，問一下比較保險。

　　索取數(shù)據(jù)清單：

　　只有當(dāng)你把針對特定客群的時候，數(shù)據(jù)清單會幫助你快速收及統(tǒng)一的數(shù)據(jù)。我自己曾經(jīng)幫一群老師做網(wǎng)站，為了省事，我會列出一張老師網(wǎng)站應(yīng)該提供的數(shù)據(jù)清單，省得每次說明。

　　客戶的特殊要求：

　　延續(xù)第一步的當(dāng)客戶有特殊要求時，這些要求也要清楚的留下記錄。

　　特定的顏色、特定的字形、無障礙認(rèn)證到哪一個等級

　　簽約動工：

　　第一次沒有簽約，第二是要記得簽約拿訂金

　　已經(jīng)要開始工作了，如果沒有訂金，會很難動工

　　尤其是需要事先發(fā)包的工作(插畫、動畫等)

　　我的第三步，交棒給 JennyWang 說明制作案子要注意的地方。

　　JennyWang 萬事拜托了。

　　第三部的重點放在執(zhí)行制作及進(jìn)度回報。

　　當(dāng)然網(wǎng)站要怎么設(shè)計，那是自己的事情，別以為看了第三步你就會設(shè)計了!

　　執(zhí)行制作的方法有蠻多，找一個你認(rèn)為最劃算且最有效率的方法：

　　100% 自己做：最累但是也最直接反應(yīng)客戶需求。

　　50% 交給設(shè)計師：有設(shè)計原稿，不僅能改HTML，也能改圖。

　　80% 交給設(shè)計師：你可能拿不到設(shè)計原稿，如 PSD 檔，最多只能改 HTML。

　　100% 交給設(shè)計師：只要做好溝通的角色，不要操壞設(shè)計師，大概就能順利結(jié)案。

　　你對設(shè)計師的要求有哪些?

　　我認(rèn)為這是必須要事先說明的，不要案子發(fā)給人家，反而造成雙方困擾。

　　如果需要善用 CSS 請事先告訴設(shè)計師，有的設(shè)計師還是習(xí)慣用 TABLE 去排版

　　如果需要設(shè)計原稿，字體要不要轉(zhuǎn)位圖這些也必須事先講

　　PSD 檔要不要先切好轉(zhuǎn)成 HTML 這也會影響后面進(jìn)度

　　有些設(shè)計師提供的原稿，需要指定軟件開

　　請進(jìn)一步了解設(shè)計師用的軟件，如果你手邊沒有對應(yīng)的軟件，你也沒辦法改。

　　就常用到的 PHOTOSHOP 與 FIREWORKS 雖然都可以吃 PSD 檔

　　但是兩者打開后的結(jié)果很可能不一樣(需調(diào)整過)

　　設(shè)計師有提供指定的字型嗎?

　　提到這個原因是，設(shè)計師很可能花大錢買一堆字形，或者是軟件送的。

　　好死不死，你剛好沒有這些字形，到時候要自己動手改設(shè)計就麻煩了!

　　事先確定原稿內(nèi)的字體是否已經(jīng)轉(zhuǎn)成圖片或曲線也是重點

　　有的時候，你可能需要自己動手改字，萬一字體已經(jīng)轉(zhuǎn)成曲線或圖文件

　　用樣版作給客戶的：

　　必須要先跟客戶說明，因為樣版是可以重復(fù)賣。

　　當(dāng)然有的樣版網(wǎng)站愿意賣斷給你，費(fèi)用也會比較高。

　　不管是自己作或是設(shè)計師做，先弄個 DEMO 網(wǎng)址給客戶：

　　客戶通常會想知道目前的作業(yè)進(jìn)度，我習(xí)慣把 PSD 簡單切成 HTML 放上 DEMO 網(wǎng)址，可能會多做幾個 DEMO 網(wǎng)頁，里頭當(dāng)然全都是假數(shù)據(jù)。DEMO 網(wǎng)址另一個目的就是為了檢討用，當(dāng)你做到這個階段，記得排個時間在去客戶那里解說一番，然后把客戶的意見帶回來當(dāng)作修改設(shè)計的依據(jù)。

　　假資料也不要弄得太假：

　　因為第二步已經(jīng)拿到照片等資料，按理來說，DEMO 網(wǎng)站上的照片應(yīng)該可以用真的照片，但是照片的描述就不一定花時間打，隨便找一篇英文網(wǎng)頁 COPY & PASTE 就可以。我的習(xí)慣都會用上客戶的照片就好，文章的部分就隨便。除了照片正確，DEMO 網(wǎng)址上的聯(lián)絡(luò)信息、公司名稱也都會用正確的。

　　DEMO 網(wǎng)頁怎么測試?

　　我會測試數(shù)據(jù)變多的時候版面會不會跑掉

　　不同瀏覽器瀏覽的結(jié)果

　　調(diào)整瀏覽器文字大小時版面的變化

　　沒數(shù)據(jù)的時候，版面變化

　　有沒有瀏覽器錯誤訊息

　　開啟網(wǎng)站的速度，換頁的速度(DW 有顯示下載網(wǎng)頁所花時間，可供參考)

　　如果你采用分工合作的方式，請注意進(jìn)度

　　基本上你交代出去的工作一定要問到「什么時候可以給我」

　　不然東西可能會沒下落

　　另外比較會拖到時間的就是收集客戶的意見給設(shè)計師

　　有點程度的業(yè)務(wù)人員會自己判斷什么意見可行、什么不可行

　　遇到兩光業(yè)務(wù)代表，大概第一個掛掉的是設(shè)計師

　　什么意見是可行?

　　我盡可能說明，因為這完全得要靠經(jīng)驗累積。

　　例如：設(shè)計師弄出的版面寬度，大概只能放下五個項目，客戶要求近十幾個選項，設(shè)計師大概也只能重新設(shè)計過。除非設(shè)計師覺得無所謂，能塞就塞。

　　動畫的難度比較高，配合的設(shè)計師也必須要有功力才做得到，所以不要隨便答應(yīng)客戶動畫部分沒問題。

　　回報進(jìn)度的工具：

　　EMAIL 應(yīng)該是屬于最有效的，而且有寄出去的時間、內(nèi)容，省下很多口水。

　　打電話也不錯，但是沒有留下任何紀(jì)錄，萬一要聯(lián)絡(luò)的人一多，會累到。

　　MSN 或 YAHOO 實時通留言給客戶。

　　原則上以客戶習(xí)慣的聯(lián)絡(luò)工具為準(zhǔn)，優(yōu)先選擇有留紀(jì)錄的工具。

　　回報進(jìn)度的頻率：

　　倒是不用每做完一個網(wǎng)頁就回報一次，這樣客戶也會受不了。

　　可以每天回報一次，盡量在下午三點前把進(jìn)度送出去，趕在客戶下班前收下。

　　另外就是按照進(jìn)度表的日期回報，這是比較有效率的。

　　回報的內(nèi)容：

　　基本是打你完成的工作，未完成的工作。

　　回報進(jìn)度時，盡可能的提到完整的人、事、時、地、物。

　　舉例：下午兩點聯(lián)絡(luò)上設(shè)計師陳先生，可能需要到設(shè)計師家里拿光盤(臺中火車站)

　　進(jìn)度如何暫停?

　　當(dāng)遇到窒礙難行的地方，或者完全聽不懂客戶 EMAIL 或電話內(nèi)表達(dá)的意思

　　請立刻通知設(shè)計師，暫停設(shè)計，跟客戶約個時間，進(jìn)一步確認(rèn)需求與可行度才繼續(xù)下去

　　同時進(jìn)行的進(jìn)度?

　　我通常都會事先說明「網(wǎng)站是雙方要一起努力的事情」

　　所以有的工作我會交給客戶自己去弄，好比拍照、打公司簡介等

　　所以當(dāng)我或我的設(shè)計師正在忙著設(shè)計時，客戶也正在忙著打字、拍照

　　讓客戶也一起動手做的好處，以后要維護(hù)網(wǎng)站，客戶也會知道要怎么做