网易文创 x 雷凌:奔三,不怂

2020-08-28 H5案例分享 H5案例分享
网易文创 x 雷凌:奔三,不怂


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

识别图中二维码

奔三,不怂-查阅二维码

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


案例:奔三,不怂

品牌:网易文创 x 雷凌

技术实现: createjs + VueJS

亮点:

1.创意定位

这是雷凌与网易文创哒哒联合制作的H5案例,旨在宣传雷凌品牌及品牌汽车。

 

2.策划逻辑

① 案例加载结束后,主题页以车站为背景,体现奔三是人生的下一站,随着地铁车门关闭,用户点击开始奔三人生,首先选择潮酷角色(男性和女性两种角色),点击“确定”按钮后,进入奔三的人生选择;

② 奔三的人生选择界面中,一共7道题,每道题2个选项;问题关于“脱发”“熬夜追星”“催生”“离职”“同学聚会”“下海创业”“买车”这些人生选择,每一个选项的背后,都会有相应的海报,不同的选项,海报是不同的哦;用户知道自己选择的人生会有什么样的情景,会让用户好奇另一个选项背后的故事,加深用户对案例的兴趣;

③ 用户根据自己的想法进行选择,最后输入自己的名字,生成潮酷人生的海报。

 

3.设计上

手绘卡通人物,色彩饱和度偏高,时尚感很强。

 

4.体验上

虽然每个问题有2个选项,但是不同选项对应的海报不同;还是乐意再测试一次,增加用户对品牌的好感。





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

标签

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

相关推荐:

网易新闻 X LEVIN雷凌:年轻人,你还有救吗?

网易文创 x 交通银行:面对镜头,你居然会这样?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~