今天跟你们唠唠做网站二级页面踩的坑，上礼拜老板突然说要改版商品详情页，点击率掉得跟坐滑梯似的。得，撸起袖子开干呗！
第一步：先把字整明白
原先的页面打开跟进了玉米地似的——满屏字挤得密不透风。我先把电脑扣上，掏出手机看竞品页面，发现人家标题都用超大黑体怼脸上。回来就把商品名称字号从18px怼到32px，正文行距拉到1.8倍。这么一整，用户眼珠子终于知道该往哪儿瞟了。
第二步：区块分割大法
接着发现用户老是找不到购买按钮，原来详情介绍跟配送政策搅和成浆糊了。我抄起PS软件，给不同内容区块划地盘：
这么分割完，测试组同事总算不骂街了。
第三步：手机电脑两头顾
最坑的是做响应式！刚开始用百分比布局，在苹果12上美滋滋的，结果转头用公司那台十年老爷机打开——图片直接撑破屏幕。气得我半夜翻教程，倒腾出个三明治排版法：电脑版排三列，平板变两列，手机直接全摞成单列。现在就算用芝麻粒大的屏幕看，页面也不会支离破碎了。
搞完拿给运营小妹看，她突然指着屏幕右下角：“这个咨询按钮怎么像块鼻屎？”给我整懵了，原来按钮阴影太重又带点黄绿色...连夜改成天空蓝配轻微白光，总算摆脱鼻屎嫌疑。
折腾七天改完二级页，点击率从2.3%蹿到5.8%。老板乐得批了五百块奶茶经费，结果行政大姐转手发我五十张满30减5的外卖券——得，又是给外卖平台打工的一天！
