卡地亚:卡地亚-宣誓爱

2019-08-07 H5案例分享 H5案例分享
卡地亚:卡地亚-宣誓爱


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

识别图中二维码

卡地亚-宣誓爱-查阅二维码

完整欣赏此案例大约需要2分钟


案例:卡地亚-宣誓爱

品牌:卡地亚

亮点:

  1. 创意定位

卡地亚出品的在线定制情人节红色礼盒的H5作品,用户可以在作品中看到礼盒的样式,输入想要刻在礼盒上的文字内容,然后登陆店铺选购礼品,以此提高卡地亚店铺在情人节的浏览量,增加人气和销量。

 

  1. 策划逻辑

作品简单易操作,大致有三个步骤

①主题显示。初始界面是一个红色的卡地亚首饰包装盒,打开后出现标题“DECLARE YOUR LOVE”。

②定制内容。点击“定制给TA的红盒”,输入刻字内容(刻在盒内,8个以内的英文字母)和爱的宣言(刻在盒外,中英文不限),若输入内容不在刻字范围内,或者不符合刻字要求,会提醒用户重新输入,最后输入用户名,点击“下一步”。

③礼盒效果图生成。在戒指,手链和手表中选择一个, 用手指沿着屏幕上的首饰轮廓滑过,即可生成动图,展示礼盒刻好字之后的样子,用户可在此界面返回上一步重新编辑内容,也可以登录卡地亚店铺进行浏览和选购。

 

  1. 设计上

黑色的背景色,衬托出作品主要要呈现的内容“红色盒子”,红黑搭配,显得盒子光泽饱满,端正美观,用户只需输入内容即可定制,简单易操作,所有字体都是细细的金色小字,非常精致璀璨。

 

  1. 交互上

用户输入内容后,会有细碎的金色小星星在盒子上凝聚,慢慢变成文字,并伴随浪漫的晶莹闪耀的音效,营造出情人节为TA精心准备礼物的浪漫调调。



技术实现: html5



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

标签

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

相关推荐:

Cartier卡地亚:一路向爱,从心出发

完美日记:制作你的治愈香

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~