今兒個早上，我就琢磨著給西安那家小公司整個官網(wǎng)，人家剛創(chuàng)業(yè)不久，愣是連個網(wǎng)頁都沒有，天天靠朋友圈賣貨，挺累的慌的。我就答應(yīng)了幫忙，反正閑著也是閑著，順道記錄下這趟活兒。

第一步：坐那兒聊聊，搞清楚他們想要啥

我先約了公司老板，就在他們家寫字樓底下那咖啡廳碰面兒了。點了杯熱美式，邊喝邊聊，硬是問了半天。老板是個實在人，就說“哥們兒，咱就一賣電子產(chǎn)品的，得讓客戶看到產(chǎn)品清單，加個聯(lián)系方式，最好再掛點客戶好評啥的”。我聽他嘰里呱講完，趕緊記在小本本上，心里叨叨“這可別搞砸了”。聊完了，我還拍了張他們產(chǎn)品的照片，說“這玩意兒以后用得著”。說白了，就是別急著動手，多問問需求，免得做偏了。

第二步：拿起紙筆畫草圖，瞎折騰設(shè)計

回家后，我攤開筆記本，拿根圓珠筆就開始涂涂畫畫。先整首頁兒：最上頭放個大圖展示他們的產(chǎn)品，中間塞個產(chǎn)品列表，底角再來個“關(guān)于我們”的小模塊兒。又畫了產(chǎn)品詳情頁，加了價格描述啥的。折騰到半夜，搞出一堆歪歪扭扭的草圖，拍成照片發(fā)老板微信。他回“行，就這么來，但色調(diào)換低調(diào)點兒的”。我罵罵咧咧“早說”，順手打開電腦里那個免費設(shè)計軟件，調(diào)了幾個配色，又折騰了倆小時。

第三步：上網(wǎng)挑個順手的平臺，省點力氣

第二天睡醒，我琢磨著全手寫代碼太費勁，不如用現(xiàn)成的玩意兒。查了一圈，找了個免費的建站工具試試水。直接注冊賬號，選模板時候，想起老板說要簡約風(fēng)，就挑了那個灰色調(diào)的。搗鼓幾下，上傳草圖照片當參考，把頁面布局拖來拖去，還試了試按鈕功能。結(jié)果中途卡頓了，氣得我重啟電腦，順手跟老板抱怨“這平臺太慢”，他回“能用就行，別加啥花活兒”。

第四步：往里加內(nèi)容，邊塞邊校對

老板發(fā)來一堆產(chǎn)品圖片和文字，我一股腦兒全上傳到平臺上。挨個編輯：產(chǎn)品頁塞照片和說明，首頁兒調(diào)了位置，搞了那個“聯(lián)系我們”的按鈕。邊加邊查錯字兒，怕鬧笑話，畢竟老板說“客戶看得要舒服”。加完內(nèi)容，還測試了一把：點來點去，看頁面跳轉(zhuǎn)順不順溜，差點兒把自己繞暈了。

第五步：拉上小團隊，瞎點一陣兒試試

做差不多了，我叫上老婆當小白鼠，讓她拿手機瞎點點看。她就點了個產(chǎn)品頁面兒，結(jié)果圖片加載慢吞吞，氣得我罵“這破服務(wù)器”。還抓了公司倆員工幫忙試試，他們把菜單翻了個遍，挑出幾個錯別字兒。折騰到晚上，記了好幾頁問題：改圖片大小、調(diào)布局，還有那個破按鈕顏色不顯眼兒。又整了大半天，總算順了點。

第六步：一鍵上線，喘口氣兒

一步最簡單了，平臺上有個“發(fā)布”按鈕，我直接點下去，沒幾秒鐘官網(wǎng)就活起來了。趕緊跟老板說“搞定，去試試看”。他開了公司電腦，點開網(wǎng)頁瞅了瞅，微信里發(fā)個語音“得勁兒了，總算像模像樣了”。我舒坦倒在沙發(fā)椅上，心想“六步下來，累成狗了”。不過嘛幫人做了點事兒，心里還是蠻爽的，回頭得記著這事兒下回少折騰點兒。

完事兒了，老板現(xiàn)在天天拿那官網(wǎng)拉客戶，小公司活兒就慢慢起色了?？偨Y(jié)下，建網(wǎng)站沒那么嚇人，先從問需求開始，別亂跳步兒，折騰工具也別鉆牛角尖兒。