人民日报 × 网易文创:我的红色气质

2021-06-28 H5案例分享 H5案例分享
人民日报 × 网易文创:我的红色气质


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

我的红色气质-查阅二维码

完整欣赏此案例大约需要1分钟


案例:我的红色气质

品牌:人民日报 × 网易文创

技术实现: HTML5

亮点:

1.创意定位

人民日报联合网易文创推出的党建100周年H5创意作品,以“我的红色气质”为题,通过测试答题,得出“我的红色气质”海报,宣扬红色精神。

 

2.策划逻辑

主流程:① Loading →  ②主题页 → ③答题6道 → ④输入姓名 → ⑤生成海报。

 

① Loading:加载进度展示。

 

② 主题页:主题露出“我的红色气质”,品牌露出:人民日报|客户端×人民日报|理论部×网易文创/哒哒,文案引导:伟大出自平凡,英雄并不遥远,一起解锁,属于你的气质密码。交互引导:点击“滑动开启”,即进入答题部分。

 

③ 共6道题:

 

第一道:我认为现在是?(A)未来的铺垫;(B)过去的结果。

 

第二道:当一棵树倒在森林里,无人听见那它有没有发出声音?(A)有;(B)没有。

 

第三道:一艘大船上,你最想承担的位置是?(A)收发信息的联络员;(B)和大家一起出力的水手;(C)确定方向的引航员。

 

第四道:不考虑现实因素,你最想做的职业是?(A)永远在探索的研究者;(B)帮助他人的志愿者;(C)扎根于山林中的护林员;(D)全世界漫游的旅者。

 

第五道:工作中的难题出现了!你会认为这是?(A)来自世界的恶意;(B)自我挑战的新机会;(C)变换工作思路的契机。

 

第六道:你获得了一次单程穿越时光的机会,你会?(A)回到过去,探访擦肩于时空的前人。(B)前往未来,只身勇闯新世界。(C)留在当下,以己身搭建过去和未来之间的桥梁。

 

④ 输入姓名:调起键盘输入用户昵称,点击确认,过渡动画后,进入海报页。

 

⑤ 生成海报:红色气质海报,包含:我的红色气质主标题、最推崇的红色精神(抗洪精神、特区精神、西柏坡精神)、气质关键词、气质红色(例如:奇迹红)、微信头像、输入昵称和回流二维码。

 

3.设计交互

整体视觉以红色为主,上划屏幕切换题目,题目配有动效,选项点击配有交互音效,整体视觉明确,交互流畅。

 

4.用户体验

给小五测出的既“无畏”又“谨慎”的红色特质,探索时,就无畏,彷徨时,就谨慎,小五坚持每天分享优秀H5案例2000多天不间断,估计配得上这个“奇迹红”。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

人民日报X火山引擎:一起回到妈妈的少女时代

人民日报X网易文创:《我》的阅读指南

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~