PLAYABLE AD DESIGN CASE STUDY

Vampirio: Defend & Survive试玩广告设计案例

围绕“怪物袭村—修复建筑—黑夜再次来袭”的核心冲突,完成场景素材、怪物序列帧、三分支逻辑与可交互试玩网页。

创意策略 玩法拆解 交互设计 视觉反馈 试玩制作
角色面对燃烧村庄与怪物群的 Vampirio 项目封面插画
Vampirio: Defend & Survive
01 / PROJECT CORE

项目核心

删去重复说明,只保留从游戏内容到试玩广告方案的关键推导。

DESIGN GOAL

用两次修复,让玩家快速理解建设与防守的因果关系

先用怪物袭村建立危机,再让玩家修复主屋与哨塔,最后根据修复进度进入不同的黑夜来袭结局。

01危机

怪物袭村

02行动

两次修复

03结果

三种分支

为什么是两次点击

一次不足以形成成长过程,三次以上会拖慢节奏。

为什么再次来袭

让“修好后能否守住”成为继续进入游戏的悬念。

为什么保留失败分支

让操作投入与结果状态形成清晰对应。

02 / VISUAL ASSET PRODUCTION

场景与序列帧素材

展示我为试玩制作的场景状态和怪物动画素材。点击状态标签或序列帧可以直接查看变化。

破损村庄场景
01 / 04

破损村庄

主屋与防御塔保持受损状态,用于无操作失败路径。

8 FRAME SEQUENCE · 120 × 120

大型怪物移动序列

紫色大型怪物用于强化怪物群中的体型层级和视觉节奏。

大型怪物序列帧预览
8 FRAME SEQUENCE · 98 × 95

小型怪物移动序列

黄色小型怪物作为群体单位,与大型怪物形成清晰的尺寸差异。

小型怪物序列帧预览
03 / LIVE INTERACTIVE DEMO

可直接操作的试玩网页

这是作品集的核心展示。面试官可以直接点击 Demo,而不是只观看流程截图或视频。

LIVE PLAYABLE · CLICK TO INTERACT
怪物攻击村庄 第一次修复 第二次修复 村庄修复完成 两次修复后的成功结局 只修复一次后的失败结局 完全未修复后的失败结局
滚动到此处后自动开始
等待 Demo 开始进入修复阶段后开始 15s 计时
04 / FULL FLOW VIDEO

完整试玩视频

保留一个主播放器,通过按钮切换完整修复、只修复一次和全程无操作三条流程。

FLOW 01 · SUCCESS

两次修复全部完成

玩家完成主屋与哨塔两次修复,进入修复完成后的村庄黑夜来袭,最终出现 PLAY NOW。

05 / PROJECT SUMMARY

项目总结

最终保留最能证明设计能力的内容:方案推导、素材制作、可交互 Demo、三种分支和完整视频。

MY WORK

从玩法拆解到试玩落地

完成创意结构、交互分支、场景状态、怪物序列帧、视觉反馈和可交互网页展示。

DESIGN VALUE

用最少操作建立清晰因果

修复次数与黑夜来袭结果直接绑定,让玩家理解每一次点击都在改变村庄命运。