网易文创 + 腾讯微视:我的2020年交接仪式
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分49秒
案例:我的2020年交接仪式
品牌:网易文创 + 腾讯微视
技术实现: VueJS
亮点:
1、创意定位
网易文创和腾讯微视联合出品的H5,通过拟人的一个小故事道别2020,迎接2021。
2、策划上
分为两部分:标签关键词选择,小故事。
① 首屏显示今天是我陪你的最后一天,今年你过的很不容易,很辛苦,最终可以结束了。用户点击屏幕右下方的箭头,进入主页面;
② 主页面中需要用户输入名字,点击下方的确定按钮。进入一个类似宇宙太空的界面,一个小企鹅似的身上显着2020和用户刚刚输的名字的小人;
③ 在太空的过渡画面结束后,列出选出2020年最不容易的3个时刻,其中有很多关键词标签,关键词是横向排列,用户可以左右滑动切换关键词;用户选择了3个关键词以后,点击下方的“完成”按钮;进入小故事页面;
④ 在这个故事界面中,刚刚选择的关键词会在这个小故事中出现2次;第一次出现故事的前半部分,小人要出发后;第二次在这个故事中的结尾,一段文案中包含着用户刚刚选择的三个关键词中的内容;在故事结束以后会出现“开启我的2021”按钮进入海报生成页;
⑤ 在海报生成页中,会生成一个类似小故事这样一个海报。
3、设计上
黄黑两个主色调,白色的底。黄色使用网易文创中logo中的黄色,颜色更深一些;020和2021的卡通形象很像腾讯的企鹅形象;整体采用格子漫画的布局。
4、体验上
融入用户输入的名字,还将2020年关键词融入到故事中,变成和用户相关。用户乐于看完,也会愿意分享。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号