案例：珀莱雅V脸颜值挑战
品牌：珀莱雅
玩法：测试
整理：蓝橙H5定制
1.详情内容上：
珀莱雅V脸霜制作的以产品功效为宣传目的的测试型H5，用户上传照片检测自己的V脸值，“V脸”概念贯穿整个作品，加深用户对此产品瘦脸功效的印象。加载界面是标题和宣传语，以及一瓶V脸霜围着一个脸型不断变换的卡通女生旋转，加载完毕后进入挑战页面，左边是代言人佟丽娅的照片和V脸值，右边是等待接受挑战的字幕和框架提示，用户在此界面可进行两种操作。点击屏幕下方的“接受PK”，上传正面独照，经过检测扫描，生成自己的V脸值海报，海报包括“多肉少年”（男生）或“开心果女孩儿”（女生）的标语，V脸值和理想V脸值以及击败了全国百分之多少的选手，下方是珀莱雅V脸霜的照片和宣传语，用户可点击“红包走起”，输入自己信息领取品牌红包，或点击“喊TA挑战”分享作品。点击“进入首页”，用户可以查看PK记录或好友排名，在此界面也可以点击“我要挑战”上传照片生成海报。
2.页面设计上：
主色是淡淡的橘红色，跟珀莱雅V脸霜包装瓶是一个色系，接近肤色的自然系看起来很舒服，在不同步骤及界面上的不同位置，也有V脸霜的照片点缀，增加用户对产品的印象。
3.用户体验上：
用户可以在初始页面直接上传照片，也可以先进入主页查看PK记录和排名后再上传，如果上传的照片上有超过一个的人脸，作品将给予不能识别请重新上传的提示。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
