CBXDATA:从口红看我们的亲密度,你敢不敢来测!

2019-08-06 H5案例分享 H5案例分享
CBXDATA:从口红看我们的亲密度,你敢不敢来测!


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

识别图中二维码

从口红看我们的亲密度,你敢不敢来测!-查阅二维码

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


案例:从口红看我们的亲密度,你敢不敢来测!

品牌:CBXDATA

亮点:

1.创意定位

由CBXDATA第一财经商业数据中心制作的好友测试游戏。

 

2.策划逻辑

整个H5主要分为2部分:

 

①测试部分:首先会随机让你猜一个用户,或分享给你的用户的喜好和她的测试答案,然后得出“答对x题,你和好友的默契值为xx%”底下会配插图和一句形容你们契合度的话,点击下方“我也要出题”进入出题部分

 

②出题部分:从这里感觉才是真正的主页,封面是两个女人的面对的侧脸,两个心形的口红,最上方是CBXDATA的Logo和Slogan,下方是标题“解锁我的口红密码”点击最下方的黑色按钮“开始出题”进入出题,按钮下方写着“出题分享朋友圈,邀请好友猜答案”;上方是口红一样的进度条,完成一道题就会涨一点;

Q1.我人生中的第一支口红是谁买的?

Q2.拿出我用过的口红,哪一种会是口红使用后的形状?

Q3.我现在有几支口红?

Q4.加入男友送我十几块钱的口红,我会?

Q5.以下韩剧女主,我最喜欢哪一个唇色?

Q6.去逛夜店,我会涂上什么色号的口红?

Q7.哪一种口红的外壳是我最喜欢的?

Q8.我买新口红的原因,最可能是?

出完8道题后可分享到朋友圈,让好友来猜题,获得:我的口红“色”友榜。

一张插图下方写着“查看我的口红清单”

会出现“根据仙女的非凡气质,AI为你匹配xx的专属口红清单”下方会列出推荐的口红和名称,最下方有个按钮“保存清单”点击即可保存。

 

3.设计上

肉色和粉红色的搭配。

 

4.体验上

左上角可关闭音乐,加载速度快。



技术实现: HTML5



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

标签

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

相关推荐:

魔爪:送命题,你能撑过几道

百合网:百合网:测测你的婚礼范儿

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~