虎扑:我的2020年终提前总结

2020-03-10 H5案例分享 H5案例分享
虎扑:我的2020年终提前总结


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

识别图中二维码

我的2020年终提前总结-查阅二维码

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


案例:我的2020年终提前总结

品牌:虎扑

技术实现: html5

亮点:

  1. 创意定位

虎扑推出的2020年预测作品,用户可输入个人信息预估自己2020年各方面的运势和关键词,用“年初总结年终”这样有趣的时间错位的创意吸引用户对平台的兴趣。

 

  1. 策划逻辑

用户点击图片完善资料,勾选符合自身情况的即可,包括性别,是否单身,工作,行业,存款及2019主色,然后选择“2019你觉得难么”生成推测结果,上滑屏幕逐页查看,包括2020关键词,爱情状况,工作运势,年会抽奖结果,2020年代表色及年底存款,最后选择“是否面对”生成海报,包括用户名和主图,运势总结语,难度等级,出品方及二维码。

 

  1. 设计上

手绘的页面,每一页都根据显示的内容绘制了相应主题的搞笑图片,颜色饱满,撞色运用很多,很有直觉冲击力,海报生成前需选择“是否直面你的2020?”,若选择“面对”则直接生成海报,若选择“不面对”则会再让用户选择一次,最后选择“认了吧”下面的“行吧”生成海报,总之无论多糟糕都要面对,很搞笑也很无奈。

 

  1. 音效上

背景音乐是欢快的节奏和时而浮现的略丧音效,符合作品调侃和冷幽默的基调。





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

标签

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

相关推荐:

晨光文具:晨光文具 X 饿了么2020元气计划

360手机助手:三娃回家

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~