今天聊聊給上海那家金融公司做官網(wǎng)的事兒，那可真是掉了一層皮。本來以為就是個普通改版，結(jié)果甲方爸爸張口就要"對標(biāo)國際一流"，預(yù)算倒是痛快，要求也真能上天。

一、客戶上來就甩了個大難題

去年三月接的活兒，對方市場總監(jiān)直接把手機杵我眼前："你看看人家瑞士銀行的網(wǎng)頁！再瞧瞧我們這零幾年的畫風(fēng)！" 我瞅著他們首頁那個會轉(zhuǎn)的flash動態(tài)圖，差點把咖啡噴屏幕上——這玩意兒現(xiàn)在居然還能打開？

二、熬了三個通宵才搞明白門道

前兩周根本沒法動筆設(shè)計，天天蹲他們陸家嘴辦公室跟各部門扯皮。財務(wù)部說要放二十個數(shù)據(jù)圖表，運營部嚷嚷著加直播入口，老板秘書還要在首頁滾動董事長獲獎新聞。半夜兩點改第三稿時突然開竅：這特么根本不是堆功能的事兒。

• 先揪著產(chǎn)品經(jīng)理搞用戶調(diào)研：把20個目標(biāo)客戶關(guān)會議室里，盯著他們用舊網(wǎng)站。有個五十多歲的投資人連著三次找不到理財產(chǎn)品入口，急得直拍桌子："你們這按鈕藏得比老鼠洞還深！"
• 拉著前端蹲機房做加載測試：行政總監(jiān)非要首頁放4K宣傳片，結(jié)果用蘋果筆記本都卡成ppt。氣得我當(dāng)場拔電源："等客戶看完你這大片兒，人家早跑去隔壁開戶了！"
• 逼著文案改了十七版標(biāo)題：那幫海歸寫的英文slogan看著高級，結(jié)果測試時阿姨爺叔全看不懂。改成"點這里，多賺20%"這種大白話，點擊率"唰"就上去了

三、血淚教訓(xùn)換來的三個命門

熬到上線前三天，服務(wù)器突然崩了。甲方爸爸在電話里吼得我耳膜嗡嗡響，運維小哥蹲在機柜旁邊哭邊重啟。等終于弄好已經(jīng)是凌晨四點，我和主設(shè)計癱在折疊床上啃冷包子，突然琢磨明白：

1. 快才是爹中爹

后來把整個架構(gòu)拆了重做。什么3D動畫全砍了，產(chǎn)品圖換成壓縮格式，就連字體都換成系統(tǒng)自帶的。測試大媽劃著千元機眉開眼笑："哎呦這回順溜多了！"

2. 裝逼要裝在骨子里

金融公司前臺擺了個紫檀木雕，我們照著紋路做了波浪形導(dǎo)航欄。顏色不用土豪金，調(diào)了個"青瓷灰"的色號——就上海博物館龍泉窯展柜打光那種微妙光澤。

3. 伺候好老爺叔才是硬道理

關(guān)鍵按鈕放大到手指頭那么粗，電話號碼直接做成點擊撥號。最絕是產(chǎn)品經(jīng)理想的招：在每屏底部都加個"看不懂？找人工"的浮動按鈕，專治各種不服。

四、甲方驗收時出了大岔子

本來以為萬事大吉，結(jié)果老板千金用iPad打開網(wǎng)頁，那個預(yù)約彈窗把她新做的水晶甲卡住了！整個會議室鴉雀無聲，我后背瞬間濕透。后來連夜給所有交互元素加了大間距，美其名曰"留白藝術(shù)"。

上周路過他們寫字樓，看見保潔阿姨拿著安卓機在官網(wǎng)查理財產(chǎn)品利率，戳得屏幕嗒嗒響。這大概比拿設(shè)計大獎還讓人舒坦——再高端的網(wǎng)站，不都是給人用的么？