淘宝造物节:那些年做过最热血的事

2020-08-11 H5案例分享 H5案例分享
淘宝造物节:那些年做过最热血的事


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

识别图中二维码

那些年做过最热血的事-查阅二维码

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


案例:那些年做过最热血的事

品牌:淘宝造物节

技术实现: TweenMax + jQuery + EaselJS

亮点:

1、创意定位

淘宝造物节2020相关活动H5,这支H5以“那些年做过最热血的事”为主题,列出了88件,生成热血清单,助力淘宝造物节2020线上推广。

 

2、策划上

① 首屏中以一段文案引出“那些年做过最热血的事” ,轻触“点击打卡”按钮,进入输入名字页面,微信环境下,会自动获取用户微信的昵称,用户也可以删除自动获取的昵称,重新输入,昵称6个字之内,点击“去选择”按钮,进入热血清单滚动页面;

② 热血清单滚动页面中,热血的事(88件)依次从下向上慢慢滚动,也可以手动滑动页面,点击事件,事件左侧变为出现图标,右侧的“+”号变为“-”号;

删除不想要的事有2种方式:

点击右侧的“-”号,可以删除当前的选择;

可以点击左下方的“已完成”按钮,弹出已完成事的列表,点击事件名右侧的“-”号;

③ 选择完毕后,点击“打开完毕”按钮,生成热血清单,热血清单中有用户的微信头像和输入的昵称,选择的热血事,最下方是淘宝造物节的logo,和热血清单二维码。

 

3、设计上

与淘宝造物节2020活动配色相符合,有点复古和怀旧感。

 

4、体验上

青春里热血激情的事,你做过几件,有做过一多半了吗?





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

标签

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

相关推荐:

淘宝:测测我的隐藏象征

淘宝:淘宝营销H5案例:淘宝造物节邀请函

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~