上回寫完那個社區(qū)服務(wù)站的項目復(fù)盤，就有幾個本地客戶來問我建站的事。今天干脆把上周幫靜安咖啡店搞官網(wǎng)的全過程捋一遍，你們要再問流程我就甩這篇了。

一、蹲馬路邊上跟客戶摳需求

老板娘大清早約我在她門店門口蹲著聊。剛下完雨塑料凳都是濕的，我倆拿紙巾擦了三遍才坐下。她開口就要"讓人一看就想喝咖啡的網(wǎng)站"，我反手掏出筆記本："具體哪些地方讓人想喝？"

• 菜單圖片必須發(fā)光 - 她特意強調(diào)面包得拍出剛出爐的油光
• 把"第三杯半價"懟首頁正中間 - 說老顧客就認這個
• 地圖要放大到能看見行道樹 - 怕文藝青年找不到店

記到一半突然下雨，我倆舉著菜單本往屋檐下竄，她還在喊："字體要像咖啡拉花那樣扭！"

二、半夜改設(shè)計稿改到眼冒金星

第一版按常規(guī)排版做，老板娘微信秒回60秒語音："不夠饞！" 重新把菜單欄做成咖啡杯形狀，杯口飄熱氣動畫。她第二天站在收銀臺后頭指著平板："這個咖啡杯...能不能再胖點？"

改到第五版時我已經(jīng)在給咖啡杯加腮紅了，她突然拍大腿："就要這個！但背景換成我們店抹茶拿鐵那個綠！"

三、翻遍全網(wǎng)找免費字體

老板娘死活要用某付費字體，搜了下授權(quán)費頂我半個月飯錢。凌晨三點扒拉著字體網(wǎng)站，突然發(fā)現(xiàn)個開源字體特別像——就是字母g的尾巴短了一截。微信試探她："這個尾巴像不像咖啡勺？" 她回了個貓咪點頭表情包："省下來的錢請你喝咖啡。"

四、拿外賣盒寫功能清單

蹲在客戶店里的高腳凳上改文檔，抹茶漬沾到文檔邊緣。功能拆得碎碎的：

• 預(yù)約系統(tǒng)精確到半小時（防止客人堆在高峰時段）
• 菜單圖片帶放大鏡功能（方便客人看面包上的芝麻粒）
• 顯眼包按鈕直通美團外賣（老板娘說要讓懶人閉眼點到）

寫到"季節(jié)限定自動下架功能"時，臺飄來烤可頌的香味，筆跡越寫越潦草。

五、店員集體當測試員

把測試版發(fā)店員群當天，后廚小伙兒反饋加載慢。結(jié)果是他在地下室用2G網(wǎng)測試。最絕的是咖啡師姑娘挑出個bug：周三會員日折扣券在頁面顯示缺了個角，跟她拉花失敗的樣子一模一樣。

改到第七輪時，連掃地阿姨都能流暢預(yù)約洗杯器了。

六、踩著關(guān)店音樂交作業(yè)

教老板娘更新菜單那晚，打烊歌都放完了她還舉著手機拍屏幕。突然指著"本月特惠"欄尖叫："字體怎么比我昨天看的時候瘦了？" 開后臺發(fā)現(xiàn)是上傳新海報壓縮了排版，趕緊拖進軟件加兩行空格。她歪頭盯著屏幕啃指甲："現(xiàn)在順眼了，跟奶泡膨脹高度剛好匹配。"

臨走她把測試用的會員卡拍我手心："說好的終身免費。" 回家路上突然收到她消息："網(wǎng)站標題改成'下雨天半價'行不行？" 我攥著咖啡卡拐進全家借電腦......所以說好的六步流程？一步永遠是掏出電腦返工！