天猫商城:看,我的愿望上天了!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要50秒
案例:看,我的愿望上天了!
品牌:天猫商城
技术实现: html5
亮点:
- 创意定位
天猫商城出品,用户可在作品中许下自己的双十一愿望,和获知双十一开幕盛典的时间,以此增加用户参与感,为盛典预热,提高收视率。
- 策划逻辑
加载界面是一颗流星绕着进度数字旋转,加载完毕后,是一个男生站在楼顶,在流行雨下许愿,点击“捕获我的愿望星”,输入自己的名字和愿望,输入框化作一颗星星,一架天猫造型的太空飞船缓缓降入屏幕,收入愿望星后向上飞行,略过繁星点缀的星空,飞行几秒后,天猫开幕海报出现,海报包括XX(用户名)希望:XX(刚才输入的愿望),下方是天猫双11开幕盛典的时间,用户可点击下方触点分享作品或登录天猫平台。
- 设计上
以黑色和金色为主题,漆黑的夜空繁星点点,金色的流星略过,照亮楼顶许愿的少年,天猫飞船也是黑色船体闪耀着金色的轮廓,烘托流星下许愿的浪漫氛围和心愿有可能实现的殷切期待。
- 交互上
用户点击后输入自己名字和愿望即可,可反复打开作品进行愿望输入。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号