怎样让一款常见的拼图玩法，在广告前几秒就产生情绪吸引力和继续完成的欲望？
项目目标不是单纯“做一张好看的夜景”，而是为熟悉的拼图交互找到更有记忆点的视觉入口，再把这种吸引力延续到每一次点击反馈中。
Problem Framing & Research
先证明为什么这样设计
页面不再从成品展示开始，而是先呈现我的判断过程：如何发现问题、提炼偏好、形成视觉假设，并把它转化为可执行的试玩方案。
早期方向的表达风险
- 风格偏通用：只有“拼图完成”功能表达，缺少能被记住的情绪氛围。
- 主体不够集中：场景信息较多，但第一眼缺少明确的视觉焦点与完成期待。
- 生产链路偏整体：如果素材没有模块化拆分，后续节奏调整和创意复用成本会较高。
本品拆解
保留低门槛点击拼图与逐步恢复场景的核心满足感。
竞品调研
比较同类广告的视觉题材、首屏吸引力、反馈节奏与转化方式。
Agent 辅助分析
归纳偏好关键词，锁定梦幻、童话与安静夜晚的情绪方向。
设计师决策
把洞察变成场景定调、层级规则、素材清单和 8 步交互节奏。
KEY INSIGHT
用户需要的不是更复杂的拼图，而是更想亲手完成的世界。
我将深蓝夜色作为稳定基底，用暖黄窗光建立第一视觉焦点，以萤火、花园、蘑菇屋和兔子强化童话感。冷暖对比让缺失轮廓更清晰，也让每次补全后的画面变化更有奖励感。
Interactive Prototype
可交互流程 Demo
点击手机画面中的高亮区域，按原始试玩顺序完成每一个拼图步骤；也可点击右侧缩略图快速切换场景。
✨
Scene Complete
完整场景已恢复，试玩流程进入 Continue 转化节点。
Playable Flow · 8 Steps
从缺失轮廓到完整场景
点击任意缩略图，左侧 Demo 会切换到对应场景；当前步骤会同步亮起。
交互说明：点击左侧高亮拼图继续游玩，或直接点击上方缩略图预览任意步骤。键盘可使用 ← / → 切换步骤。
Complete Playthrough
完整试玩流程
从初始缺失场景到最终完成画面的完整录屏，用于展示交互节奏、反馈衔接与最终转化节点。
一镜到底展示完整体验闭环
视频保留实际试玩中的点击顺序与场景恢复过程，完整呈现“识别目标—点击拼图—即时还原—进入下一步—完成转化”的连续体验。
Outcome & Capability Proof
结果不是终点，而是能力证明
该试玩广告累计获得 2318 万次曝光，说明项目已进入真实的规模化投放场景。曝光量不等同于转化率，但能够体现方案具备完整落地和大流量触达经验。
Campaign Reach
23.18M累计广告曝光量
从设计、素材拆分到试玩流程均围绕移动端广告环境构建，最终以可直接投放的交互形式完成交付。
把模糊反馈变成设计问题
从本品、竞品和用户视觉偏好中提炼共同线索，避免只凭个人审美选风格，让视觉方向有清晰依据。
将洞察转成视觉系统
以夜蓝、魔法紫和暖黄光构建统一情绪，控制主体、路径、角色与前景的出现顺序，保持每一步视觉焦点明确。
让 AI 服务于可落地生产
AI 用于风格探索和场景生成，最终仍由我完成画面筛选、结构判断、素材拆解与交互适配，形成可制作的广告资产。
从策略推进到投放结果
完成 8 步交互、模块化资产与转化收尾，项目进入真实规模化投放并累计获得 2318 万次曝光。
Scene Asset Breakdown
场景素材拆分
Insight to Design Rules
把研究洞察变成可执行规则
视觉方向并没有停留在情绪描述，而是被进一步拆成构图、反馈与转化三条具体设计规则。
首屏只保留一个判断
用高对比轮廓和手指提示建立一一对应关系，让用户无需理解完整拼图规则，也能立刻完成第一次有效操作。
每次点击都让世界变完整
从蘑菇屋、花园到兔子与前景，视觉变化由主体到细节逐步展开，让梦幻场景本身成为连续奖励。
用完整场景承接转化
最后一步展示高光完整画面，再出现 Continue 按钮，把完成感自然延续到后续商店跳转。
Night BlueMagic PurpleReward YellowCTA GreenFantasy Pink
Research · Decision · Delivery
我解决的不是一张图，而是从用户偏好到可投放体验的完整问题。
本项目体现了我将调研洞察转化为视觉策略、借助 AI 提高探索效率、完成资产拆分与交互落地，并用真实投放结果验证交付能力的全过程。