被坑了三次才攒出的经验

去年帮朋友搞个公司官网，本以为套个模板完事，结果甲方张嘴就要"高级感"。前三次全翻车了：第一次花两周做的被嫌土，第二次外包跑路留个半成品，第三次上线后手机直接排版错乱。气得我买了两箱红牛闭关研究，终于摸出门道。

第一步：蹲在客户电脑前改方案

现在接单第一件事就是扛着笔记本去客户办公室，当面看他打开五个竞品网站。重点盯着他鼠标滚动速度：在产品图片页停留三秒以上的，立刻用手机拍下网页截图。回家把截图纸质打印贴墙上，拿红笔圈出他反复夸"这个效果不错"的按钮和banner位置。上次做母婴网站，客户指着竞品首页的粉色渐变说了三遍"温馨"，我连夜把备选方案里的深蓝色全砍了。

第二步：用超市传单练排版

电脑排版总带着股死板劲儿，我直接跑印刷厂要了一摞过期宣传单。把网站内容拆成"打折区"、"新品区"、"促销倒计时"几个模块，用剪刀把文字图片剪成卡片在桌上拼。拼到第三版时突然开窍——把联系按钮剪成荧光橙贴在右下角，客户拿起来就说"这个位置好找"。后来上线的悬浮客服按钮位置就这么定的。

第三步：用拼胶模型心态写代码

以前代码写太急总会埋雷，现在按说明书拼高达模型的流程干活：先给所有功能件分类标号（用户系统标蓝框、支付模块贴红点），然后像剪零件那样拆CSS。上周做预约功能，把时间选择器当"腿部关节"单独调试，发现日历控件在安卓机上会错位，用砂纸（浏览器调试工具）磨了半小时才严丝合缝。

第四步：逼全家老小当人肉测试机

正式上线前把七大姑八大姨拉微信群，每人发二十块红包当测试费。二舅用五年没更新的安卓机点支付总闪退，表妹的苹果13Pro看视频卡成PPT。最绝的是丈母娘，在搜索框连续输入十次"点击这里查看"——原来她把提示语当内容填！连夜加了输入限制才避免后台爆炸。

第五步：打印黑白版找茬

显示器看得眼瞎也难发现细节问题，我把整个网站逐页打印成黑白稿。用儿子幼儿园的蜡笔标问题：加载慢的页面涂红色，重点不突出的区块涂黄色。有张产品图印出来才发现模特衣服和背景融成灰块，果断换成亮色背景——客户后来反馈这张图咨询量涨了三倍。

第六步：给网站喂泻药

见过太多被流量撑爆的案例，现在上线前必做压力测试。开了二十个浏览器窗口同时点购买键，服务器CPU直接飚到90%。赶紧给数据库"减肥"：把用户头像压缩到指甲盖大小，商品图从2MB砍到200KB。优化完再测试时特意泡了碗面——等吃完泡面页面还没崩，才算过关。

耗时八个月踩遍所有坑，现在接单价比最初贵三倍。客户总问我为啥网站看着"莫名舒服"，哪有什么黑科技，不过是逼着全家当了半年人肉测试机罢了。