前两天公司让我改官网，说用户打开就关，留不住人。我蹲洗手间刷手机琢磨这事儿，突然看见朋友圈有人转YSL的网页设计教程，顺手就点进去了。

找参考图差点翻车

第一件事就是扒人家官网当模板。结果刚截图完设计总监就站我工位后头，吓得我手机直接甩键盘上。他扫了眼屏幕冷笑说：“又抄大牌？三脚猫功夫”。我硬着头皮回怼：“这叫精准对标用户审美！”手心里全是汗。

改排版改到眼瞎

照着教程说的三点开搞：
1. 首屏只留一张嘴

原先我们首页塞得跟菜市场似的，产品图促销弹窗扎堆跳。我直接把导航栏缩成三条杠，背景换成模特大红唇特写。写文案时憋了半小时，扔上去句：“敢涂，就敢让人盯着看”
2. 把价格标签藏进抽屉里

原先产品图下头直接标价，销售非说影响转化。这回我把价格都做成小图标，鼠标滑过才弹出来数字。前端小哥骂骂咧咧改到晚上九点，我给他点了三回奶茶才搞定。
3. 滚屏加戏精动效

最折腾的是动态效果。用户下滑时口红管从屏幕侧边滑进来，膏体“咔哒”一声转出来。测试时动画卡成PPT，气得我摔鼠标：“这破效果放出来用户以为咱家卖的是橡皮泥！”后来发现是图片太大，压缩完才顺溜。

测试时闹出大笑话

拿给运营部小姑娘看，她划两下突然尖叫：“你们把购买按钮藏哪去了？！”才发现新排版太艺术，结算路径全打乱。连夜在右下角加了悬浮购物车，还特意调成荧光粉——丑是真的丑，但试点的转化率愣是涨了17%。

昨天老板路过我工位，盯着屏幕“啧啧”两声。我心都提到嗓子眼了，结果他说：“下次给兰蔻改版还找你”。你猜怎么着？我默默把购物车颜色换回了高级黑。