上周小陈找我帮忙做个海鲜网站，他刚开了家卖虾蟹的小店。我心说网页设计嘛有啥难的，结果真搞起来才发现全是坑。
上来就踩了分类的大坑
我傻乎乎按普通电商那样分：虾类、贝类、鱼类三大栏。结果用户反馈说找不着活鲜和冻品分区，送货地址切换也藏在角落。气得小陈打电话骂街：“客人下单才发现只送本地！退单率直接飙到30%！”
折腾到半夜两点才改好导航栏：- 活海鲜和冷冻品分两大栏
- 加粗标红写着“配送范围：仅本市”
- 左上角塞进个显眼的城市切换按钮
接着栽在图片上
心想海鲜嘛就得高清大图，啪啪整了堆4K产品图。好家伙页面加载像老牛拉车，手机端点开直接卡死。测试时我妈在边上吐槽：“这螃蟹图倒是够清楚，等到能下单螃蟹都臭了！”
硬着头皮重搞三遍：- 所有图裁到500KB以内
- 活物商品页插小视频代替静态图
- 关键按钮旁边加了Loading动画
手机端差点搞死我
在电脑上看排版挺美，拿手机一打开：详情页文字挤成蚂蚁，订单按钮被页面切掉一半。更绝的是验证码输入框能弹出键盘却看不见输的数字，客人投诉说像在玩猜谜游戏。
通宵改CSS救回来：- 字体至少保持14px
- 按钮高度从30px调到45px
- 专门写了个移动端输入框响应脚本
详情页差点被退货
开始就扔张图+价格完事。用户天天打电话问：“这螃蟹是公是母？”“冷链配送放冰块吗？”客服忙到吐血。最离谱有人收到死鱼来扯皮，我们才发现漏写了“活品死亡包赔”条款。
做成四件套：- 商品页顶部大字标品种/产地/存活率
- 中间浮动窗口放售后政策
- 底部折叠菜单塞满配送说明
- 加了24小时客服弹窗
昨天小陈发来数据：跳出率从70%降到22%，客诉电话少了一半。说实话这破海鲜网站比我接过的企业单都难搞。核心就四点：导航要当用户是路痴，图片要当网速是2G时代，手机适配当电脑不存在，详情页要当用户是十万个为什么。
