吕 + 屈臣氏:五年之吕,参入人心

2020-06-11 H5案例分享 H5案例分享
吕 + 屈臣氏:五年之吕,参入人心


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

识别图中二维码

五年之吕,参入人心-查阅二维码

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


案例:五年之吕,参入人心

品牌:吕 + 屈臣氏

技术实现: createjs + tweenMax + html2canvas + Swiper

亮点:

1、创意定位

吕和屈臣氏一起为品牌直播推出的H5,通过H5引导用户前往微博、抖音和一直播进行观看。

 

2、策划上

① 首屏显示大标题“吕的人生巴士发车了”,用户点击下方的‘一起开启“吕”途吧!’按钮,进行自己的装备;

② 在形象装备界面,用户可以选择左上角的性别、发型(男生4款;女生6款)、服饰(男生4款;女生6款),选好后点击“下一步”按钮;滑动屏幕选择人生态度,不同的人生态度,颜色不同,可以看到屏幕左上角有吕的产品,不同的背景与吕的产品颜色呼应,再次点击“下一步”按钮;生成专属巴士座位号,这步不可修改,再次点击“下一步”按钮;弹出H5的中的直播时间、平台等信息。

 

3、设计上

紫色用的比较多,其他配色都是与吕的产品颜色呼应;画面采用颗粒度的质感。

 

4、体验上

案例整体操作时间比较短,这样的好处快速到达尾页,看到创作H5的核心宣传。





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

标签

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

相关推荐:

屈臣氏:治愈系唯美动画短片《公主的秘密》

屈臣氏:《屈臣氏让我们做一条视频》

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~