人民日报 × 网易文创:我的红色气质
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号