测试H5|化妆品H5—珀莱雅V脸颜值挑战

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

品牌:珀莱雅

玩法:测试

整理:蓝橙H5定制


1.详情内容上:

珀莱雅V脸霜制作的以产品功效为宣传目的的测试型H5,用户上传照片检测自己的V脸值,“V脸”概念贯穿整个作品,加深用户对此产品瘦脸功效的印象。加载界面是标题和宣传语,以及一瓶V脸霜围着一个脸型不断变换的卡通女生旋转,加载完毕后进入挑战页面,左边是代言人佟丽娅的照片和V脸值,右边是等待接受挑战的字幕和框架提示,用户在此界面可进行两种操作。点击屏幕下方的“接受PK”,上传正面独照,经过检测扫描,生成自己的V脸值海报,海报包括“多肉少年”(男生)或“开心果女孩儿”(女生)的标语,V脸值和理想V脸值以及击败了全国百分之多少的选手,下方是珀莱雅V脸霜的照片和宣传语,用户可点击“红包走起”,输入自己信息领取品牌红包,或点击“喊TA挑战”分享作品。点击“进入首页”,用户可以查看PK记录或好友排名,在此界面也可以点击“我要挑战”上传照片生成海报。


2.页面设计上:

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


3.用户体验上:

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


124214214.png


扫描二维码查看


15214214.png


注:如果你还想了解更多的H5精品案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|小程序定制|节日H5|H5玩法|H5设计

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

电话

13541384954

扫一扫

扫一扫

回到顶部