nu skin：都9102年了，你的面膜还只靠敷？

2019-07-10 H5案例分享 H5案例分享

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

识别图中二维码

都9102年了，你的面膜还只靠敷？-查阅二维码

完整欣赏此案例大约需要40秒

案例：都9102年了，你的面膜还只靠敷？

品牌：nu skin

亮点：

1.创意定位

如新磁力面膜推出的宣传类h5，让用户感受面膜的质感和效果，以此宣传。

2.策划逻辑

①Loading部分：
中间是个发光的圆圈，下方写着“如果有时光机，你想回到什么时候”，加载到100%时会有点击提示。
②内容动画部分：
第一页是黑色的背景，搭配紫色有科技感的星云，文案写着“穿越星河，寻找时间的秘密”，手动上划进入第二页，乘着ageLO的时光机，修身美颜，右边是产品的图。手动上划进入下一页文案“让肌肤脆弱都回归高光时刻”右面是面膜造型，上划进入下一页，左边文案“电流导入，更深层滋养，焕发肌肤的弹，润，亮”，右面是面膜造型，下方有滑动交互提示。
③落地页：

上划交互动作完成后，右下角会出现“点击体验”，点击进入用户可以根据所给信息你参加抽奖活动。

3.设计上

黑色和亮紫色搭配，明暗对比，展现产品的效果。

4.体验上

交互动作简单内容，略显平淡无趣，不够吸引用户。

技术实现： html5

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

标签