PORTFOLIO CASE · 上海移动 咪咕生活圈
广告投放平台 v3.0
一个让不懂广告的中小商户,也能自己完成从入驻到投放全流程的自助广告平台。
让每一个商户,都有曝光的权利。
01 · 项目速览
先把成果和缺口摆出来
Claude 明确要求:保留已知事实与数据,个人角色、周期、团队、业务级成果不虚构,统一以 TODO 占位。
03 · 策略总览
四条策略覆盖商户生命周期
把原稿散落的 21 页内容,重组为“降门槛、提效率、建信任、数据驱动”四条主线。
降低入驻门槛
单线程流程、材料前置、拍摄标准引导、OCR 自动填写。
提升投放效率
定位理解 / 决策 / 反馈三类卡点,用结构化控件与智能预设减负。
构建信任体系
线下背书 × 线上保障,用超级符号和可信文案降低首次支付顾虑。
驱动数据决策
让数据从背景墙变成看得懂、用得上、能行动的复盘工具。
G1–G8 · 全局优化
先修叙事系统,再修单页细节
- 新增项目速览、策略总览、成果总览、复盘展望,补齐叙事闭环。
- 每页统一主题编号、主题名、页面进度,副标题统一为动宾式结构。
- Before / After 统一为灰阶 Before、彩色 After、指标箭头的组件语言。
- 手机截图统一设备壳、圆角、阴影;实拍照片统一蒙版或引用样式处理。
- 90%、80%、5–15min、最多减少 2 步等数据大字化作为页面视觉锚点。
- 修正错别字和语病,仅保留原有事实与数据,不新增未经确认的成果。
- 把 AI 证件照与 AI 素材生成归并为 AI 提效章节,形成差异化叙事线。
- 待补信息统一以 TODO 占位,避免虚构个人职责、周期、团队和业务指标。
01 · 项目速览
角色 / 周期 / 平台 / 团队
先让读者知道这是谁做的、解决什么问题、交付到哪里。
咪咕生活圈突破传统广告代理销售模式,让中小商户以自助方式完成开机、贴片、暂停、霸屏广告等下单与投放,并通过小区精准定向服务盘活下沉渠道资源。
优化动作
- 补充个人角色与职责、项目周期、团队构成。
- 把 90%、80%、5–15min、最多减少 2 步前置为成果摘要。
02 · 背景与挑战
从业务模型看见三大矛盾
316 条问题反馈共同指向:看不懂、不会选、不敢投。
广告投放本是高专业门槛工作,而目标用户是学习能力有限、时间碎片化的中小商户。客服工单与客户经理反馈显示,认证、投放决策、数据复盘都存在明显断点。
优化动作
- 把业务关系图和双端架构拆开讲清楚。
- 把 316 条问题分类放大为 TOP3 问题证据。
03 · 策略总览
四条设计策略覆盖全链路
从入驻到复投,形成降低门槛、提升效率、构建信任、驱动数据的策略地图。
将原稿分散的改版动作重组为四大主题:降低入驻门槛、提升投放效率、构建信任体系、驱动数据决策,并把 AI 提效与设计体系作为最终沉淀。
优化动作
- 新增目录 / 导航页。
- 每个主题保持统一色相、编号和页面进度。
04 · 降低入驻门槛
让入驻一次走完
认证是流失最重的一段,先把材料预期和流程秩序建立起来。
问卷、走访和数据分析显示,商家认证让业务流失近半数用户。新方案将多线引导重构为单线程进度条流程,提前展示所需材料,并支持跳转后保存进度。
优化动作
- 长句拆成三条洞察。
- 客户经理 / 商户问题汇总表改为两列卡片。
- “流失近半数用户”做大字数据。
05 · 降低入驻门槛
用拍摄标准减少审核打回
把“怎么拍才合格”变成拍摄过程里的即时反馈。
照片遮挡、模糊、曝光会造成审核打回和负面情绪。方案调用系统相机,加入拍摄引导图示、Toast 语言提示与标准案例,降低证照上传的不确定性。
优化动作
- Toast 文案做成气泡展示墙。
- 通过率 90% 移到页面右上角作为成果角标。
06 · 降低入驻门槛
用 OCR 压缩手动填写
把冗长输入变成自动识别与必要校对。
认证信息包含社会信用代码等复杂输入项。通过 OCR 自动识别证照信息、减少非必要字段、优化数字输入间隔,将平均填写用时从 2–3 分钟压缩到 1 分钟内。
优化动作
- Before / After 用时对比改为进度条。
- 补充与技术侧协作的 OCR 落地说明。
07 · 提升投放效率
定位理解、决策、反馈三类卡点
埋点不是摆数据,要直接指向可拆解的设计动作。
投放链路存在高跳出和高停留卡点。将卡点归纳为理解卡点、决策卡点、反馈卡点,并分别对应术语通俗化、智能推荐、素材实时预览。
优化动作
- 三类卡点做成“问题→动作→收益”卡片。
- 15–30min → 5–15min 提为主视觉数据。
08 · 提升投放效率
建立 UX 文案原则
把专业术语翻译成用户能理解、能行动的语言。
原平台文案存在表述专业、含义不准、语气不合适等问题。通过研究设计规范与访谈优秀客户经理,沉淀通俗、友好、简洁、准确四条文案原则。
优化动作
- 4 原则 + Intercom 框架合成一张图。
- 标题统一为动宾结构。
09 · 提升投放效率
让文案原则落到具体 Case
保留最典型的术语改写与语气改写,其他案例归档。
围绕行业术语、操作影响、下一步预期和信息目的进行改写,并通过团队宣讲、线上共享表格、销售话术共建把文案规范落到实际协作。
优化动作
- 保留“术语→用户语言”和“语气改写”两个强案例。
- 其他案例收进附录或弱化展示。
10 · 提升投放效率
用结构和预设减少选择焦虑
过度自由度 + 缺乏结构化支持,会直接放大投放焦虑。
将自由输入替换为单选、多选、下拉、组合筛选等结构化控件,并通过人群、热图、时段推荐帮助用户更快做出投放决策。
优化动作
- “美容店 8–17 点投放无效果”提炼成故事卡片。
- 点击热区、键盘遮挡、滑块输入作为交互细节展示。
11 · 提升投放效率
用灰度反馈推进 v3.1 迭代
上线不是终点,数据波动和投诉要形成修订闭环。
灰度测试后,根据数据波动与负反馈快速补充时间快捷按钮、区域/兴趣圈选多位置、选项按被选可能性排序和搜索能力。
优化动作
- 增加 v3.0 → v3.1 时间线。
- 突出持续跟进,而不是一次性交付。
12 · 提升投放效率
用辅助认知降低误操作
视觉和语言双通道,让用户知道自己在哪里、下一步做什么。
通过步骤进度栏、当前解释提示、信息点悬停释义和空白场景行动引导,让用户在复杂流程中保持方向感。
优化动作
- 数据反馈表只保留变化最大的 4 项。
- 用户原声改成聊天气泡并放大。
13 · 提升投放效率
压缩高频操作路径
把每天重复发生的切换、查看、选择动作优先减负。
选择店铺从 3 步压缩到 1 步,切换角色从 3 步压缩到 2 步,查看数据从 4 步压缩到 2 步。高频路径的微小减少会累积成明显效率收益。
优化动作
- 点击路径对比改为竖排泳道图。
- Before 灰、After 蓝,步数徽章醒目。
14 · 构建信任体系
让商户敢于开始
首次支付前的核心情绪是怕被骗、怕无效、怕浪费。
信任体系围绕品牌可信、隐私安全、风险保障三支柱展开,建立线下背书 × 线上保障的双体系,覆盖首次触达、线上操作和关键支付节点。
优化动作
- 三个“怕”做成三张情绪卡片。
- 没有量化数据时,用定性反馈而非虚构数字。
15 · 构建信任体系
用超级符号串联信任触点
盾牌 + 对勾 = 安全感图形,贯穿全链路。
将专业、安全、透明、可信提炼为易识别的视觉符号,并结合授信钱包、隐私脱敏规则、关键节点提示,降低商户对资金与隐私的顾虑。
优化动作
- 超级符号推导公式放大占半页。
- 脱敏规则表缩为附注。
16 · 构建信任体系
用 AI 职业形象照提升拜访信任
把客户经理形象标准化,降低线下首触的不确定感。
通过 ComfyUI 工作流将生活照批量生成正装职业照,并配合分享码电子名片,在拜访场景里强化官方、专业、可信的第一印象。
优化动作
- 输入→生成→名片应用做成 3 步图示。
- 强调批量、低成本、标准化价值。
17 · 驱动数据决策
让数据带来行动
数据不是背景墙,而是辅助决策和复盘的系统。
把首页提示、过程中辅助决策、后台复盘整合为路径体系,并以“看得懂、用得上、能行动”为目标重构数据模块。
优化动作
- P16–P18 合并为两页:策略与落地。
- 图表规范细则移入设计体系章节。
18 · 体系化沉淀
把 AI 提效归纳成一条线
AI 证件照与 AI 素材工具都是效率资产,不应散落展示。
素材模板化工具基于广告目标与品牌要求生成多风格文案和视觉方案。与 AI 职业形象照一起,形成“输入标准化、生成批量化、人工审核收敛”的设计提效路径。
优化动作
- 补充工具定位:谁用、什么场景、节省什么成本。
- 多风格模板缩略图加风格标签。
19 · 成果总览与复盘
让叙事闭环
成果、体系、反思放在最后,避免停在“体验走查”。
最后用一页汇总量化指标与用户原声,再补一页复盘与展望:哪些策略有效,哪些指标仍需补齐,下一步如何继续验证入驻、首单和复投。
优化动作
- 新增成果总览页。
- 新增复盘展望页。
- 业务级成果数据保持 TODO,不虚构。
生图资产
所有文字后期叠加,避免 AI 生成乱码
已生成并接入封面主视觉;其余资产按 Claude 提示词保留为后续分批生成清单。
- 封面主视觉:已按品牌蓝 #305ECF、青蓝 #16C1E0、16:9、无文字规则生成项目主视觉。
- 章节分隔页:降门槛 / 提效率 / 建信任 / 数据驱动四张同系列 3D 玻璃质感图。
- 用户场景插画:小商户柜台看手机、客户经理门店拜访两类洞察配图。
- 信任超级符号:盾牌 + 对勾 1:1 3D 图标。
- 数据章节背景:低干扰数据可视化元素背景。
- 情绪板质感图:质、色、形、构四张 1:1 抽象素材。
- 成果总览主视觉:手机、增长箭头和空白指标徽章,文字后期叠加。