一号店：你用什么姿势进入419

2017-04-21 H5案例分享 H5案例分享

案例：你用什么姿势进入419

出品：一号店

制作：FishFace 鱼脸互动

亮点：

策划上，主题是一号店的419活动。采用图文展示形式。案例首屏提出主题“夜很深，我来了”。案例浏览中过程中，用户遨游在1号店深夜店铺的海洋中，两侧有商品和品牌展示，里面有补充营养的店铺，有各种生活用品的店铺，有数码商店，有零食街等等。案例最后，一号店品牌露出，同时会有“悄悄的潜入集市”和“转告集市开张”的链接跳转。
设计上，以手绘插画的形式，整个案例色彩上以深蓝色和白色为主，配以各种辅色，案例时间定义在夜晚，深蓝色的背景加上白色的纹理，白色的纹理像是夜空中的点点星光，让读者有种深邃的感觉，白色线条构成的建筑在蓝色背景上十分明显，然而最吸引眼球的还是各种颜色组成的深夜霓虹灯，闪烁着的动效效果，丰富的颜色让沉寂的黑夜增添了许多色彩。造型上来讲，通过各种相关产品组成的店铺外形，有特色的也更容易让读者辨认。
体验上，一直向上滑动屏幕。在首屏有对应的手势提示，引导用户向上滑动。向上滑动的过程中，模拟用户角度的屏幕中的小人物，一直游泳的姿势，向下游动，引导用户继续向上滑动屏幕观看。

技术实现： jQuery + 滚动视差插件skrollr

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

识别图中二维码

你用什么姿势进入419-查阅二维码

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

标签