JIANG ZHENGYAN · PORTFOLIO
作品,正在呈现。
正在开启灵感之旅…
J蒋正妍PORTFOLIO 2026
← 返回作品列表
H5 · INTERACTIVE BRAND STORY

《桃花劫预警》
国风互动 H5

一款面向年轻消费者的超能洗衣液国风互动H5,以漫画叙事与选择式闯关为核心,让用户在趣味体验中感受植萃洗护的产品特点。

漫画式剧情选择闯关品牌互动
打开 H5 在线体验 ↗
H5 CAMPAIGN / 互动广告作品主视觉
PROJECT FACTS / 项目档案

关于这个项目

作品类别H5
创作周期约三周
项目性质小组合作
展示类型数字媒体艺术作品
TOOLS & FORMAT / 技术与形式

工具与技术

GPTPhotoshop木疙瘩
H5互动广告
漫画叙事呈现
选择闯关机制

从想法,到体验。

CASE STUDY / PROJECT STORY
01 / PROJECT BACKGROUND

项目背景与目标

传统洗护广告以产品功效介绍为主,容易缺少趣味性与用户参与感。本项目围绕超能植愈洗衣液“天然植萃、绿色生态”的品牌理念,面向关注天然洗护与趣味互动内容的消费者,将去渍、留香与洁净等卖点融入国风漫画剧情。通过轻量化互动闯关降低硬广感,提升用户对品牌及产品特点的理解与记忆。

02 / DESIGN CONCEPT

设计理念

以“桃花劫去污救美男”为创意切入点,借鉴唐伯虎与秋香的经典人物关系,将衣物脏污引发的情感危机转化为趣味闯关。视觉融合淡墨水彩与国潮Q版漫画,通过错误选择、剧情反转及植萃地图,让用户在轻松互动中理解产品的天然洁净与留香价值。

03 / MY CONTRIBUTION

我的角色与贡献

负责项目创意策划、国风视觉定位、故事情节与漫画分镜设计;规划以淘米水、草木灰及超能洗衣液为核心的选择式闯关流程,设计失败反馈、植萃地图与最终结局,并组织品牌卖点在互动页面中的呈现。

EXPERIENCE / 互动体验

从一场桃花劫,
走进一段植萃闯关。

通过国风漫画推进剧情,让用户选择去污方式,经历失败反馈、植物知识探索与成功结局,在互动过程中理解产品的植萃洗护理念。

向下探索 13 张 H5 实际页面
H5 EXPERIENCE / 实际页面展示

逐屏浏览
桃花劫预警

13 SCREENS

从开篇故事到互动闯关、自然植萃与最终结果。点击任意页面,可查看完整大图并按方向键切换。

01 / THE STORY

剧情开场

以国风漫画建立人物关系,让「衣污危机」自然成为互动任务。

植萃开场以植物纹样和产品形象开启广告叙事
桃花劫预警以国风漫画交代故事发生的情境
秋生赴约通过人物对白展开情节
衣污危机用冲突与情绪反馈引出闯关任务
02 / THE CHOICE

闯关选择

通过规则、方案选择与两种失败反馈,体现点击式互动的推进逻辑。

闯关规则卷轴形式说明玩法与任务目标
去污方式选择在三种去污方案中做出点击选择
淘米水:失败反馈错误选择触发对应的结果说明
草木灰:失败反馈对比不同方案的去污效果
03 / THE BOTANICAL MAP

植萃地图

以连续画面呈现自然植物元素,让品牌卖点融入剧情探索。

植萃地图 · 上篇通过植物地图引入产品的天然植萃概念
植萃地图 · 下篇通过连续地图画面延展植物主题
04 / THE OUTCOME

成功结局与品牌展示

通关反馈、人物结局与品牌展示形成完整的叙事收束。

成功通关正确选择后呈现衣物洁净的成功结果
故事结局以人物对话完成剧情转折与产品呈现
品牌收束展示品牌主张和购买引导页面
JIANG ZHENGYAN · SELECTED PROJECTS返回作品列表 ↗