帮助电商店主和运营人员系统化完成商品主图和详情页的视觉策划与执行。通过判断转化驱动力、锁定Campaign Style Lock、先出Storyboard再执行的模式,避免方向错误导致的返工。适用于淘宝、天猫、京东、拼多多、抖音小店等平台,覆盖主图5张任务分配、详情页9大模块叙事流、五维独立自审合规检查,交付画面描述、图内文案、设计说明和生图Prompt全套执行方案。
电商主图与详情页视觉策划SOP:从转化驱动力判断到五维独立自审
【适用场景】
当需要为电商店铺制作商品主图、详情页、卖点视觉化、图内文案或进行平台合规自查时,使用本技能。
典型触发场景: - 帮一套淘宝主图和详情页文案 - 这个产品怎么提炼卖点做主图 - 按抖音小店风格给我出视觉脚本 - 帮我检查这套详情页有没有广告法风险 - 设计师要开工,给我画面+图内文案+设计说明
不适用场景:给出最终法律意见、编造检测报告或销量评价、为医疗保健类产品制造未经资质的功效背书。
【操作步骤】
Step 1:深度策划——收集信息并判断转化驱动力
先收集以下信息,缺项时不要编造,直接标注"缺失",只追问会影响方向判断的关键项:
| 必须项 | 用途 |
|---|---|
| 产品类型与资质边界 | 判断适用合规红线 |
| 目标平台 | 叠加平台审核规则 |
| 目标人群与使用场景 | 提炼痛点、场景和购买理由 |
| 产品卖点、参数、价格或规格 | 建立Feature到Benefit的翻译 |
| 已有主图、详情页、包装或竞品参考 | 判断视觉起点 |
| 视觉参考风格 | 建立Campaign Style Lock |
转化驱动力判断四种类型:
| 类型 | 典型品类 | 视觉重点 |
|---|---|---|
| 视觉驱动型 | 美妆、饰品、家居摆件 | 质感、光影、包装、氛围 |
| 痛点驱动型 | 清洁、收纳、母婴、健康护理 | 对比、证据、安全感、问题先行 |
| 理性驱动型 | 数码、家电、3C配件 | 参数翻译、机制可视化、数字量化 |
| 情感价值型 | 香氛、礼盒、宠物用品、节日商品 | 情绪、仪式感、使用后状态 |
Campaign Style Lock必须包含:主色/辅助色/强调色不超过三色、产品画面占比(主图建议60%-80%)、光影体系、字体系统、禁止漂移项。
Step 2:输出《视觉策划案》——暂停等待确认
输出以下内容后暂停,等待用户确认方向:
1. 转化驱动力判断与依据 2. Campaign Style Lock 3. 利益翻译表:Feature → Advantage → Benefit → Evidence 4. 合规边界:本产品可能适用的法律和平台红线 5. 缺失信息与当前假设
Step 3:输出《图片规划脚本/Storyboard》——再次暂停确认
主图5张任务分配:
| 编号 | 任务 | 脚本要点 |
|---|---|---|
| KV1首图 | 视觉截流 | 产品主体占比60%-80%;唯一核心卖点;视觉第一落点明确 |
| KV2痛点/问题 | 问题先行 | 用用户语言提出问题,不做功能堆砌 |
| KV3差异对比 | 差异可视化 | 前后对比、新旧对比或参数对比,画面自证 |
| KV4场景代入 | 镜像效应 | 产品在真实场景中使用,环境不能淹没主体 |
| KV5行动引导 | 促成决策 | 规格、价格、组合、适用人群或CTA,数字优先于形容词 |
详情页叙事流(目标转化率,模块按"吸引注意→激发欲望→建立信任→推动行动"推进):
| 模块 | 叙事功能 | 脚本要点 |
|---|---|---|
| M1首屏承接 | 3秒内让用户知道"这是给我看的" | 痛点或强钩子,不是纯产品图 |
| M2-M3核心获益 | 展开Top2-3必卖理由 | Feature必须翻译为Benefit |
| M4材质/工艺 | 触感表达 | 明确冷硬、柔软、透亮、酥脆等触感及对应光影 |
| M5场景覆盖 | 代入真实使用 | 2-3个具体场景 |
| M6信任证据 | 证据可视化 | 检测报告、专利、资质只可基于用户提供资料 |
| M7对比选择 | 消除比较焦虑 | 客观参数对比,不贬低竞品 |
| M8 FAQ | 主动防御顾虑 | 从用户顾虑反推问答 |
| M9 CTA/声明 | 推动行动和风险逆转 | 价格、规格、保障、声明位置明确 |
Step 4:执行输出——四项交付物
用户确认Storyboard后,每张图交付四项:
1. 画面描述:元素排布、主体占比、光影、背景、视线动线 2. 图内文案:完成利益翻译;主图不超过5行、单行不超过6字;详情页模块不超过6行 3. 设计说明:视觉第一落点、视线引导、色彩心理、免责声明位置 4. 生图Prompt:包含Campaign Style Lock、主体、构图、材质、光影、背景、限制项
Step 5:五维独立自审
每个维度0-100分独立判定,任一维度低于80分必须重写该维度:
| 维度 | 判定依据 | 0分或重扣条件 |
|---|---|---|
| 合规性 | 法律基线逐条核查,平台规则作为附加约束 | 绝对化用语、虚构证据、医疗化暗示、食品功效暗示等命中红线 |
| 利益翻译度 | Feature是否翻译为用户能感知的Benefit | 残留说明书语言、参数不解释、只讲功能不讲好处 |
| 视觉第一落点 | 主体占比、卖点唯一性、文案行数、视线动线 | 主体过小、卖点堆砌、文案超行、第一落点混乱 |
| 触感/媒介表达 | 材质光影是否匹配产品属性,主图和详情页分工是否清楚 | 缺触感描述、主图详情页逻辑混用、风格漂移 |
| 叙事连贯性 | 主图5张是否去重,详情页是否沿成交路线推进 | 信息重复、模块顺序跳跃、信任证据缺失 |
【代码模板】
输出格式模板:
\`\`\`markdown
电商视觉策划与执行方案
1. 策划案回顾
- 转化驱动力: - Campaign Style Lock: - 合规边界: - 当前缺失信息:2. 主图5张
KV1:...
- 画面: - 图内文案: - 设计说明: - 生图Prompt:3. 详情页模块
M1:...
- 画面: - 图内文案: - 设计说明: - 生图Prompt:4. 五维自审评分
5. 风险提示与待补充信息
\`\`\`合规分层提示:
| 品类 | 核心红线 |
|---|---|
| 所有产品 | 禁止虚假、引人误解、绝对化用语;数据宣称必须有来源 |
| 保健食品 | 只能基于批准文号和用户提供材料表达,不扩大功效 |
| 运动器材/体态管理 | 避免医疗术语、治疗动词和保证性效果 |
| 普通食品 | 不写疾病预防、治疗、身体改善或保健暗示 |
【复盘要点】
关键失败模式:
- 未先判断转化驱动力就直接生成画面:退回Step 1 - 用户要求跳过Storyboard:提醒这是防返工门禁,除非用户明确要求"按你判断直接出最终稿",否则暂停确认 - 主图5张信息重复:整组打回,重新分配视觉任务 - 详情页模块随意堆叠:按成交路线重排 - 合规判断只凭敏感词:必须说明对应风险类型和依据,不给最终法律意见 - 用户要求"更猛、更绝对":加强视觉冲击,不突破合规边界
交付前检查清单:
- [ ] 是否明确产品类型、平台和资质边界? - [ ] 是否判断了转化驱动力? - [ ] 是否给出Campaign Style Lock? - [ ] 是否先输出策划案并暂停? - [ ] 是否先输出Storyboard并暂停? - [ ] 是否逐图给出画面、文案、设计说明和Prompt? - [ ] 是否完成五维独立自审? - [ ] 是否标注缺失信息和风险? - [ ] 是否避免编造资质、数据、销量、评价和功效?
缺资料处理原则:
- 不编造资质、检测、销量、评价、品牌背书 - 可先输出"缺资料版策划案",标注哪些内容是待确认假设 - 对合规高风险品类,缺资质时只输出视觉方向和中性文案 - 最多追问3个关键问题,优先问会改变定位或合规边界的问题
来源:GitHub https://github.com/feichanggege/ecommerce-visual-copywriting-skill