网易文创 + 腾讯微视:我的2020年交接仪式

2021-01-02 H5案例分享 H5案例分享
网易文创 + 腾讯微视:我的2020年交接仪式


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

识别图中二维码

我的2020年交接仪式-查阅二维码

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


案例:我的2020年交接仪式

品牌:网易文创 + 腾讯微视

技术实现: VueJS

亮点:

1、创意定位

网易文创和腾讯微视联合出品的H5,通过拟人的一个小故事道别2020,迎接2021。

 

2、策划上

分为两部分:标签关键词选择,小故事。

① 首屏显示今天是我陪你的最后一天,今年你过的很不容易,很辛苦,最终可以结束了。用户点击屏幕右下方的箭头,进入主页面;

② 主页面中需要用户输入名字,点击下方的确定按钮。进入一个类似宇宙太空的界面,一个小企鹅似的身上显着2020和用户刚刚输的名字的小人;

③ 在太空的过渡画面结束后,列出选出2020年最不容易的3个时刻,其中有很多关键词标签,关键词是横向排列,用户可以左右滑动切换关键词;用户选择了3个关键词以后,点击下方的“完成”按钮;进入小故事页面;

④ 在这个故事界面中,刚刚选择的关键词会在这个小故事中出现2次;第一次出现故事的前半部分,小人要出发后;第二次在这个故事中的结尾,一段文案中包含着用户刚刚选择的三个关键词中的内容;在故事结束以后会出现“开启我的2021”按钮进入海报生成页;

⑤ 在海报生成页中,会生成一个类似小故事这样一个海报。

 

3、设计上

黄黑两个主色调,白色的底。黄色使用网易文创中logo中的黄色,颜色更深一些;020和2021的卡通形象很像腾讯的企鹅形象;整体采用格子漫画的布局。

 

4、体验上

融入用户输入的名字,还将2020年关键词融入到故事中,变成和用户相关。用户乐于看完,也会愿意分享。





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

标签

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

相关推荐:

网易文创X哒哒X斯柯达:打工人不堪入目的秘密

腾讯2020上半年超棒的10支H5

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~