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

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:珀莱雅V脸颜值挑战
品牌:珀莱雅
技术实现: html5
亮点:
- 创意定位
珀莱雅V脸霜制作的以产品功效为宣传目的的测试型H5作品,用户上传照片检测自己的V脸值,“V脸”概念贯穿整个作品,加深用户对此产品瘦脸功效的印象。
- 策划逻辑
加载界面是标题和宣传语,以及一瓶V脸霜围着一个脸型不断变换的卡通女生旋转,加载完毕后进入挑战页面,左边是代言人佟丽娅的照片和V脸值,右边是等待接受挑战的字幕和框架提示,用户在此界面可进行两种操作
①海报制作
点击屏幕下方的“接受PK”,上传正面独照,经过检测扫描,生成自己的V脸值海报,海报包括“多肉少年”(男生)或“开心果女孩儿”(女生)的标语,V脸值和理想V脸值以及击败了全国百分之多少的选手,下方是珀莱雅V脸霜的照片和宣传语,用户可点击“红包走起”,输入自己信息领取品牌红包,或点击“喊TA挑战”分享作品。
②进入首页
点击“进入首页”,用户可以查看PK记录或好友排名,在此界面也可以点击“我要挑战”上传照片生成海报。
- 设计上
主色是淡淡的橘红色,跟珀莱雅V脸霜包装瓶是一个色系,接近肤色的自然系看起来很舒服,在不同步骤及界面上的不同位置,也有V脸霜的照片点缀,增加用户对产品的印象。
- 交互上
用户可以在初始页面直接上传照片,也可以先进入主页查看PK记录和排名后再上传,如果上传的照片上有超过一个的人脸,作品将给予不能识别请重新上传的提示。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号