那天老板突然扔給我個(gè)任務(wù)："下周前把公司官網(wǎng)改版方案搞定！"我當(dāng)時(shí)就懵了，之前只接過寫文案的活兒，這回要從頭設(shè)計(jì)整個(gè)網(wǎng)站。趕緊搬出我的老辦法——笨鳥先飛嘛

第一步：翻爛同行網(wǎng)站當(dāng)"小偷"

先打開電腦把競爭對(duì)手官網(wǎng)全扒了一遍。邊看邊拿筆記本記："這個(gè)導(dǎo)航欄夠簡潔"、"那個(gè)產(chǎn)品展示頁跟狗屎一樣亂"。連著三天看了一百多個(gè)站，看到眼前全是網(wǎng)頁飄。但真有用！發(fā)現(xiàn)做得好的都有個(gè)共同點(diǎn)——首頁三秒內(nèi)能讓人看懂公司是干啥的。

第二步：抄起紙筆畫鬼畫符

買了兩包A4紙開始涂鴉。先畫了個(gè)三層蛋糕似的框架：頂上放導(dǎo)航菜單，中間塞核心業(yè)務(wù)，屁股堆聯(lián)系方式。畫廢十幾張后突然開竅——客戶最關(guān)心的永遠(yuǎn)是三個(gè)問題：

• 你們能解決啥問題？
• 憑啥信你們？
• 怎么聯(lián)系？

干脆把這三個(gè)答案做成色塊懟在首頁正中間。

第三步：跟設(shè)計(jì)師互相折磨

拿著草圖找設(shè)計(jì)小哥開會(huì)，他張口就是"蒙版""柵格化"。我趕緊喊停："說人話！"定下三條土規(guī)矩：

• 字體別超過三種（結(jié)果他選了小米同款字體）
• 主色調(diào)偷老板西裝顏色（藏青配燙金Logo）
• 產(chǎn)品圖必須帶真人場景（行政妹子被迫當(dāng)模特）

做樣稿時(shí)他把按鈕設(shè)計(jì)成漸變紫，被我拍桌否決："客戶四五十歲了，別整夜店風(fēng)！"

第四步：死磕反人類細(xì)節(jié)

測試時(shí)發(fā)現(xiàn)個(gè)致命問題——產(chǎn)品參數(shù)表要橫著滾動(dòng)手機(jī)屏！連夜把表格拆成卡片式，還加了對(duì)比功能。更抓狂的是客服系統(tǒng)：

• 原本要填十項(xiàng)資料才能留言
• 改成三個(gè)必填項(xiàng)加個(gè)微信圖標(biāo)
• 對(duì)話框右側(cè)永久飄著技術(shù)總監(jiān)真人頭像

老板看到預(yù)覽頁突然蹦出自己照片時(shí)，嚇得把咖啡潑鍵盤上了。

第五步：后臺(tái)做成傻瓜操作

程序猿小哥嘚瑟他寫的后臺(tái)多高級(jí)，我讓他坐行政王姐旁邊觀察。結(jié)果王姐更新個(gè)新聞要點(diǎn)七次鼠標(biāo)，急得直薅頭發(fā)。我們當(dāng)場改方案：

• 內(nèi)容編輯器直接套用公眾號(hào)界面
• 產(chǎn)品圖上傳支持手機(jī)拍照
• 每頁最底下加"緊急救命"按鈕（直通技術(shù)猿微信）

上線前夜逼著全公司中年領(lǐng)導(dǎo)挨個(gè)試后臺(tái)，不會(huì)操作的當(dāng)場培訓(xùn)。

改版上線三個(gè)月客戶反饋?zhàn)疃嗟氖牵?你們網(wǎng)站找東西特快"。有個(gè)東北客戶打電話說："以前翻五頁都找不到電話號(hào)，現(xiàn)在一哆嗦就瞅著了！"暗自慶幸當(dāng)初沒聽設(shè)計(jì)小哥的懸浮動(dòng)畫方案——實(shí)用比花哨重要一百倍。發(fā)現(xiàn)個(gè)真理：好網(wǎng)站不是設(shè)計(jì)出來的，是被用戶罵出來的！