界面视觉示意
综合零售 · 多品类商城网站
难点是“品类太多”：家电、日百、食品混在一个站里，用户容易迷路。做法是三级分类加场景化楼层，把首页变成入口而不是陈列柜。
Showcase
产品展示：八类项目，八套解决思路
这里的每一个条目都是工作室真实承接过的项目类型，说明它面对的生意场景、难点在哪、我们怎么处理。界面图是按这些类型绘制的结构示意，用来展示版式与信息层级；具体项目的完整案例可在群里索取。
当前显示 8 个项目类型
界面视觉示意
界面视觉示意
美妆个护 · 品牌商城小程序
靠复购吃饭的品类。首页把活动位、明星单品和会员权益放在第一屏，详情页用成分与使用方法分区，结算路径压到三步以内。
界面视觉示意
生鲜同城 · 配送型商城
配送范围与时段的规则比页面更重要。地址先校验可送区域，时间窗与运费在加购时就提示，结算页只做确认，不做惊吓。
界面视觉示意
数码配件 · 单品牌双端商城
SKU 不多但型号适配关系复杂。做法是把“适配机型”做成第一筛选维度，规格选择器带型号校验，避免买错导致的售后。
界面结构示意
本地生活 · 服务预约小程序
卖的是时间不是商品。日历选期、时段库存、到店核销与取消规则组成核心流程，页面数量少但状态分支多，需要把异常态都画出来。
界面视觉示意
服装品牌 · 官网 + 产品中心
官网承担品牌叙事，商城承担交易。页面把面料、版型、搭配场景讲清楚，产品中心与商城对应款号打通，避免两套内容各说一遍。
界面视觉示意
老商城改版 · 源码二开与美化
原有逻辑能用、界面十年前的站。保留数据表与接口，只重做模板层与样式层，手机端按新规范重排，交付前逐页比对，确保业务不被打断。
界面结构示意
招商与活动 · 单页专题
一页讲完一件事：首屏给主张，中段给证明与政策，末尾给报名入口。移动端优先，扫码打开即读，加载不超过三屏空白。
说明：为保护客户信息，本页不展示客户名称、域名与后台截图，界面图为按项目类型重绘的结构示意。需要看某类项目的完整实现与后台，可在 QQ 群内说明来意后索取。
How We Think
案例背后，我们反复问的四个问题
同样叫“商城”，做法可以完全不同。动手前先把这四个问题问清楚，页面结构基本就定型了。
一、用户是来找东西，还是来逛？
找东西的人需要强搜索、快筛选、清晰分类；逛的人需要场景楼层、搭配推荐、内容导购。两种首页的信息顺序完全相反，混在一起就会两头不讨好。
二、下单前最担心什么？
生鲜担心不新鲜和送不到，数码担心买错型号，美妆担心不适合自己。详情页的主视觉顺序，应该直接回答这个担心，而不是先放一堆品牌故事。
三、谁在维护后台？
老板自己维护，就要把高频操作做成两步以内；有专职运营，才适合上复杂的批量工具与权限分级。后台复杂度决定了长期成本。
四、三个月后会加什么？
分销、拼团、会员等级、跨店满减，这些功能通常不是第一期就要，但结构要留位置。提前留好字段与页面槽位，后续加功能才不用推倒重来。