今天翻硬盘看到去年给上海客户做的网站项目文档，突然想起当时踩过不少坑，索性把新手最容易栽的跟头理一理。那会儿我刚从乙方跳出来单干，接到个上海餐饮品牌的官网项目，报价挺高，结果差点把自己埋坑里。

一、准备工作就翻车

客户甩给我个文档，就写了要展示菜品、分店地图和在线预约。我寻思着这不挺简单嘛抄起鼠标就开干。结果菜单都画一半了，客户突然拉了个微信群，里面蹲着三个合伙人，每人提的需求都不一样——红头发姐要加会员积分系统，眼镜男说要实时显示后厨监控，穿西装的大叔突然问能不能接外卖平台API。当时我就冒冷汗了，攥着数位板问：“各位老板，咱们核心需求到底是”硬拉着他们开了两小时腾讯会议，才把菜单功能砍到只剩预约按钮。

二、设计实操连环坑

• 域名邮箱搞瘫两天：客户公司全员用的QQ邮箱，非让我把contact@*绑到腾讯企业邮。我以为就是在后台改个MX解析，谁知道他们行政早注册过企业微信，域名被占用了。打电话给腾讯客服转人工等半小时，逼得我抱着笔记本跑去他们公司，盯着行政妹子退出旧账号才搞定。
• 表单提交变鬼打墙：测试预约功能那天，红头发姐在群里吼：“怎么点提交就刷新页面？”查代码发现是WordPress的锅，主题自带表单插件和客户买的CRM系统打架。大半夜开着TeamViewer改PHP，把提交动作从jQuery改成原生JS才救回来，手指头都敲麻了。
• 导航菜单玩捉迷藏
：客户坚持要用悬浮式侧边栏，结果在苹果手机上死活划不出来。借了台iPhone实测才发现，IOS系统把滑动手势跟返回操作绑死了。气得我给菜单按钮加了震动反馈，用户长按屏幕才会弹窗，体验跟拆炸弹似的。
• 移动端适配变哈哈镜：用客户的小米手机看效果，菜品图片全挤成俄罗斯方块。偷懒用百分比布局的报应来了——字体在安卓机上放大150%后，图片直接撑破容器边框。改了两版CSS没解决，把vw单位全换成px，再手动写媒体查询才搞定。
• SEO优化反被蜘蛛咬：为赶工期直接复制了客户旧站的title标签，上线两周百度收录为零。查工具发现每个页面标题都是“上海本帮菜_上海本帮菜_上海本帮菜”，重复度飙到90%。连夜重写200多条标题描述，关键词用便签纸贴满显示器边框才过关。