淘宝造物节:那些年做过最热血的事
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分10秒
案例:那些年做过最热血的事
品牌:淘宝造物节
技术实现: TweenMax + jQuery + EaselJS
亮点:
1、创意定位
淘宝造物节2020相关活动H5,这支H5以“那些年做过最热血的事”为主题,列出了88件,生成热血清单,助力淘宝造物节2020线上推广。
2、策划上
① 首屏中以一段文案引出“那些年做过最热血的事” ,轻触“点击打卡”按钮,进入输入名字页面,微信环境下,会自动获取用户微信的昵称,用户也可以删除自动获取的昵称,重新输入,昵称6个字之内,点击“去选择”按钮,进入热血清单滚动页面;
② 热血清单滚动页面中,热血的事(88件)依次从下向上慢慢滚动,也可以手动滑动页面,点击事件,事件左侧变为出现图标,右侧的“+”号变为“-”号;
删除不想要的事有2种方式:
点击右侧的“-”号,可以删除当前的选择;
可以点击左下方的“已完成”按钮,弹出已完成事的列表,点击事件名右侧的“-”号;
③ 选择完毕后,点击“打开完毕”按钮,生成热血清单,热血清单中有用户的微信头像和输入的昵称,选择的热血事,最下方是淘宝造物节的logo,和热血清单二维码。
3、设计上
与淘宝造物节2020活动配色相符合,有点复古和怀旧感。
4、体验上
青春里热血激情的事,你做过几件,有做过一多半了吗?
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号