扶他林:扶他林“缓痛有妙招”
案例:扶他林“缓痛有妙招”
出品:扶他林
亮点:
-
策划上,游戏类,① 不做疼痛带炎人,十六式缓痛妙招等你开练,选择“左滑看招”or“下滑练招”;② 在首页选择“左滑看招”,则进入到招式展示页,十六式缓痛妙招一一展现在你的眼前;③ 在首页选择“下滑练招”,或者在招式展示页下滑练招,均可进入到练招页面,“伸手打车式”,“扭腰拉窗帘式”,“拉背接水式”三种练招方式任你选,点击“开始”,握紧手机,快速摆动10秒,即有机会获得扶他林提供的U型枕一个;④ 想对扶他林有更多了解的小伙伴,可点击首页和看招页上的“了解扶他林”去了解更多扶他林小知识
-
设计上,① 卡通漫画风格,里面的小人萌哒哒的好可爱啊;② 采用橘红色作为主色调,与扶他林包装色橘红色相应,而且橘红色显得十分的醒目,易突出重点
-
交互上,可根据提示,滑动进入相应页面;也可点击提示滑动的按钮,进入到相应页面
-
技术上,① 滑屏主要采用Zepto + TouchJs; ② 动画主要采用TweenMax+雪碧图背景定位+JS定时器; ③ 握紧手机,快速摆动10秒体验招式,采用的是HTML5的重力感应
技术实现: TweenMax + Zepto + TouchJs
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号