今天捣鼓咖啡馆网站设计这事，可真是费老劲了。上个月发小盘了家街角铺子叫我帮忙弄个网站，我寻思着不就几张图加点字嘛撸起袖子就开干。

第一步先被现实啪啪打脸

拿笔记本坐咖啡馆里开工，老板问"展示台能放几款新品？"，我拍胸脯说二十款起步！结果打开后台傻眼了：连商品分类功能都没有，模板自带的相册就跟铁皮盒子似的硬邦邦挤在一起。硬着头皮把芒果慕斯和拿铁照片往上一怼，好家伙看着像大排档菜单。

• 导航栏颜色丑得发紫，跟咖啡半点不沾边
• 手机打开页面直接错位，咖啡杯图裂成三瓣
• 营业时间设置藏得比地窖还深

气得我猛灌三杯冰美式——老板还夸我挺能喝，这傻力气使错地方了都！

重新摸石头过河

翻出压箱底的笔记本重画布局，蹲店门口观察两天发现：

下午三点后全是带笔记本的年轻人，得在首页突出电源插座分布图；早上主妇们扎堆，必须把新品半价时段用弹窗怼脸上。顺手把老板泡拉花的视频剪成15秒小片儿，结果文件太大传三小时没动静。

改尺寸改到凌晨三点，突然发现个取巧法子：直接嵌视频封面图，点开才加载视频，这招省下80%加载时间。老板第二天看见手机端流畅播放，乐得送我张终身咖啡卡。

栽在支付接口上

本来以为搞定展示部分就完事了，那天收银小妹跑来说："线上储值卡开通两天，三十多人点支付全失败。"查完后背直冒冷汗：

支付接口要填的商户号绑的是老板前年倒闭的奶茶店，验证短信全发到他停机的旧手机号上了。我俩蹲在储藏室给客服打电话，人家开口就要营业执照对公账户开户证明，老板翻箱倒柜找出皱巴巴的文件，拍照时手抖得跟筛糠似的。

最绝的是一步人脸验证，老板那张大脸在手机前晃了十几次，系统愣说检测不到活体。还是我急中生智举着小妹的化妆镜打侧光才通过，整得跟拍警匪片似的。

现在看这破网站

虽然首页轮播图偶尔还会卡帧，虽然移动端点餐按钮偶尔抽风，但上周看到个白领边咬贝果边用手机下单第五杯续命咖啡，突然觉得值了。老板现在逢人就显摆那个预约包间功能——就改了个日历插件，把周末时段标红加了个小锁图标。

对了，千万别问我怎么做的响应式适配，那玩意儿纯粹靠手机电脑平板轮流刷新，肉眼看到哪里错位就改哪里的笨法子。你问我为啥不用专业工具？这不到月底咖啡卡快喝完了嘛下回老板再请我喝耶加雪菲的时候再说呗！