前期籌備

前陣子有個上海的公司找我?guī)兔ňW(wǎng)站，說是本地企業(yè)，想整一個能吸引客戶的平臺。我先打電話過去問問情況，人家老板一接就哭窮，說生意不連員工都跑了幾個。聽不得人訴苦，立馬答應(yīng)試試看。約了個時間，我跑去他們公司實(shí)地看了一圈。辦公室里亂糟糟的，電腦全是老古董，老板嘆氣說預(yù)算不多，頂多三萬塊搞定。我當(dāng)場掏出本子，一邊聊一邊記下來：需求不復(fù)雜，就是個展示產(chǎn)品的站點(diǎn)，加上點(diǎn)聯(lián)系方式和訂單入口。

晚上回家我就琢磨，這活兒簡單是簡單，但步子不能亂。我自己經(jīng)驗(yàn)足，做網(wǎng)站十多年了，總結(jié)出四步套路。第一步就是摸清底細(xì)。第二天我發(fā)郵件讓客戶填個問卷表，主要是問問他們喜歡啥風(fēng)格，別整得花里胡哨的。結(jié)果收到回復(fù)一看，要求一堆：既要高端大氣，又怕花太多錢。我罵罵咧咧地記下來，回頭又打電話確認(rèn)細(xì)節(jié)，免得出岔子。

設(shè)計布局

接下來第二步，開始畫草圖。我先拿A4紙瞎涂亂畫，琢磨布局咋弄。主頁放個大圖，上面甩個公司logo，下面堆產(chǎn)品圖片。這步挺費(fèi)勁，我搗鼓了三天，反復(fù)改稿子。先用鉛筆描，再掃描進(jìn)電腦，簡單調(diào)調(diào)顏色。配色是個頭疼事兒，客戶愛藍(lán)色調(diào)，我試了好幾套方案，選了個清爽點(diǎn)的。

搞定了草圖，我開始整原型。找了個免費(fèi)工具搗鼓界面，就是那種點(diǎn)一下能跳轉(zhuǎn)的簡易模型。做得粗糙點(diǎn)沒關(guān)系，關(guān)鍵是客戶能看懂。我拉了個微信群，把老板和幾個部門主管都拉進(jìn)來。天天發(fā)截圖征詢意見，結(jié)果群里吵成一團(tuán)：銷售要加彈窗廣告，財務(wù)說別搞太多互動。我氣得直拍鍵盤，自己拍板定了方案：首頁簡單點(diǎn)，重點(diǎn)突出產(chǎn)品，側(cè)面小按鈕聯(lián)系客服。整完這步，我覺著挺累，但好歹框架搭好了。

開發(fā)實(shí)現(xiàn)

第三步就是動手建站了。我選了開源軟件，省錢省事。開電腦坐屋里埋頭敲代碼，整了一周沒出門。前臺頁面先搞起來：圖片上傳、文字排版，一丁點(diǎn)調(diào)試效果。后臺最麻煩，弄個系統(tǒng)管訂單。我一步步試功能，出錯就重啟軟件。數(shù)據(jù)錄入時差點(diǎn)崩潰：客戶給了幾十張產(chǎn)品圖，尺寸不對全歪了。我罵咧咧地手動調(diào)整，上傳一次不行，再上傳。

• 先搞定導(dǎo)航欄，用拖拽工具堆鏈接
• 訂單功能得寫點(diǎn)小腳本，測試四五回才通
• 加聯(lián)系表單，設(shè)置個郵件回復(fù)機(jī)制

開發(fā)中少不了出洋相。有次半夜部署測試，服務(wù)器崩了，害我熬到三點(diǎn)修bug?？蛻舸叩眉?，我硬著頭皮說快了快了。整體看下來，這步最關(guān)鍵：搞定了前臺展示，后臺管理系統(tǒng)還加了點(diǎn)用戶權(quán)限。

測試上線

一步是測試和上線。我請了兩個朋友當(dāng)小白鼠，讓他們用電腦手機(jī)來回點(diǎn)。找出一堆問題：按鈕點(diǎn)不著、圖片加載慢。我親自坐電腦前，一點(diǎn)一滴修復(fù)。測了兩天，基本靠譜了。準(zhǔn)備上線前，我又跑客戶那兒演示一遍，老板看著挺滿意，拍胸脯說以后還找我。

上線那天，我緊張兮兮點(diǎn)發(fā)布鍵。網(wǎng)站一上線，反饋還不錯，客戶電話過來說訪問量增了。這事兒算完結(jié)了，我總結(jié)經(jīng)驗(yàn)：四步流程不能跳，瞎省事就搞砸?，F(xiàn)在回頭看，建網(wǎng)站沒啥高科技，關(guān)鍵就是一步步走，從摸需求到上線穩(wěn)穩(wěn)當(dāng)當(dāng)。