珀莱雅:珀莱雅V脸颜值挑战

2019-10-18 H5案例分享 H5案例分享
珀莱雅:珀莱雅V脸颜值挑战


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

识别图中二维码

珀莱雅V脸颜值挑战-查阅二维码

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


案例:珀莱雅V脸颜值挑战

品牌:珀莱雅

技术实现: html5

亮点:

  1. 创意定位

珀莱雅V脸霜制作的以产品功效为宣传目的的测试型H5作品,用户上传照片检测自己的V脸值,“V脸”概念贯穿整个作品,加深用户对此产品瘦脸功效的印象。

 

  1. 策划逻辑

加载界面是标题和宣传语,以及一瓶V脸霜围着一个脸型不断变换的卡通女生旋转,加载完毕后进入挑战页面,左边是代言人佟丽娅的照片和V脸值,右边是等待接受挑战的字幕和框架提示,用户在此界面可进行两种操作

①海报制作

点击屏幕下方的“接受PK”,上传正面独照,经过检测扫描,生成自己的V脸值海报,海报包括“多肉少年”(男生)或“开心果女孩儿”(女生)的标语,V脸值和理想V脸值以及击败了全国百分之多少的选手,下方是珀莱雅V脸霜的照片和宣传语,用户可点击“红包走起”,输入自己信息领取品牌红包,或点击“喊TA挑战”分享作品。

②进入首页

点击“进入首页”,用户可以查看PK记录或好友排名,在此界面也可以点击“我要挑战”上传照片生成海报。

 

  1. 设计上

主色是淡淡的橘红色,跟珀莱雅V脸霜包装瓶是一个色系,接近肤色的自然系看起来很舒服,在不同步骤及界面上的不同位置,也有V脸霜的照片点缀,增加用户对产品的印象。

 

  1. 交互上

用户可以在初始页面直接上传照片,也可以先进入主页查看PK记录和排名后再上传,如果上传的照片上有超过一个的人脸,作品将给予不能识别请重新上传的提示。





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

标签

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

相关推荐:

珀莱雅:美美美美到冒泡

华联SKP(陕西)百货有限公司:2019奇幻万圣节 西安SKP

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~