吕 + 屈臣氏：五年之吕，参入人心
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要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，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
