in我的生活in记：66小时奇妙乐园

2017-05-31 H5案例分享 H5案例分享

案例：66小时奇妙乐园

出品：in我的生活in记

亮点：

策划上，邀请函类案例。加载完成后案例，案例提出疑问“现在你过得好么？对周围一切慢慢无感？到底是世界无趣还是你无趣”低头走在黑色的背景中，仿佛走在城市的夹缝之中。摇动手机可以感受些许“浪意”，随后用力摇一摇可以“浪”上天去，仿佛到达城市的顶楼！最后露出案例主题。点击点我浪个票，输入昵称和手机号赢取门票。
设计上，插画风格。画面开始以黑色背景突出前景蓝绿色的有压抑的人物，随后把自己脑中的“浪”意撒出来，在不同颜色的海洋中上升到顶层，感受“浪”生活。画面后半部分用色丰富。
体验上，交互方式以晃动手机为主，加以点击等方式。从黑色的背景到彩色背景，让人心也跟着阳光起来~ 小编成为前666位奇妙登陆者，你是第几位呢？

技术实现： CSS3（Animation） + 重力感应

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

识别图中二维码

66小时奇妙乐园-查阅二维码

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

标签