4000-888-103

资讯动态珀莱雅:珀莱雅V脸颜值挑战资讯详情

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

2019-10-05 00:00:00

125.jpg
  
b125.png

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

品牌:珀莱雅

技术实现: html5

亮点:

  1. 创意定位

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

 

  1. 策划逻辑

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

①海报制作

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

②进入首页

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

 

  1. 设计上

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

 

  1. 交互上

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




c125.jpg
关键词:h5博客页面 h5网站学习 h5开发
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png