天猫商城:看,我的愿望上天了!

2019-10-30 H5案例分享 H5案例分享
天猫商城:看,我的愿望上天了!


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

识别图中二维码

看,我的愿望上天了!-查阅二维码

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


案例:看,我的愿望上天了!

品牌:天猫商城

技术实现: html5

亮点:

  1. 创意定位

天猫商城出品,用户可在作品中许下自己的双十一愿望,和获知双十一开幕盛典的时间,以此增加用户参与感,为盛典预热,提高收视率。

 

  1. 策划逻辑

加载界面是一颗流星绕着进度数字旋转,加载完毕后,是一个男生站在楼顶,在流行雨下许愿,点击“捕获我的愿望星”,输入自己的名字和愿望,输入框化作一颗星星,一架天猫造型的太空飞船缓缓降入屏幕,收入愿望星后向上飞行,略过繁星点缀的星空,飞行几秒后,天猫开幕海报出现,海报包括XX(用户名)希望:XX(刚才输入的愿望),下方是天猫双11开幕盛典的时间,用户可点击下方触点分享作品或登录天猫平台。

 

  1. 设计上

以黑色和金色为主题,漆黑的夜空繁星点点,金色的流星略过,照亮楼顶许愿的少年,天猫飞船也是黑色船体闪耀着金色的轮廓,烘托流星下许愿的浪漫氛围和心愿有可能实现的殷切期待。

 

  1. 交互上

用户点击后输入自己名字和愿望即可,可反复打开作品进行愿望输入。





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

标签

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

相关推荐:

天猫:寻找你的理想部落

天猫超市:天猫超市双11邀请函

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~