SK-II：SK-II宣言博物馆

2018-02-04 H5案例分享 H5案例分享

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

识别图中二维码

SK-II宣言博物馆-查阅二维码

完整欣赏此案例大约需要1分18秒

案例：SK-II宣言博物馆

出品：SK-II

亮点：

策划上，SK-II品牌宣传的H5。整理案例预加载完毕以后，出现一道门，点击门前的按钮；进入以后，是三个主题，每一屏是一个主题，分别为“世界是个多面体，每个人都可以，参与改变”“人生就像滚珠，道路非左即右”“他人的期待像泡泡一样光鲜，却未尝不是误解，打破偏见，做真实自己”，三个主题分别通过摇一摇和翻转屏幕切换；三个主题结束后，展现“你是谁，由你决定”，出现SK-II护肤品，下面有两个按钮，分别为“说出我的宣言”按钮，点击跳转到合成宣言图片界面，和“更多专柜信息”按钮，弹出关注公众号二维码界面。
设计上，3D视觉效果，背景为冷色调，前面的字母为热情的暖色。
技术上，使用了重力感应的deviceorientation事件和devicemotion事件，和图片合成。

技术实现： egret

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

标签