劲牌：为友情倒一杯酒

2017-11-24 H5案例分享 H5案例分享

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

识别图中二维码

为友情倒一杯酒-查阅二维码

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

案例：为友情倒一杯酒

出品：劲牌

亮点：

策划上，以“为友情倒一杯酒”为主题，劲牌推出的品牌宣传H5。前两屏品牌露出，渲染了一下朋友相聚，第二屏中，有两个选项，一个是与身边的TA，另一个是与远方的TA。情况1，与身边的TA，双屏互动进行展示，A用户会生成一个二维码，B用户扫描二维码；A用户的手机出现两瓶酒，B用户手机出现两种杯子；B用户点击两个杯子中的一个，A用户手机出现刚才两瓶酒中的一瓶，A用户倾斜手机，瓶中的酒会流出，B用户的杯子有酒流入；倒酒完毕后，A用户出现，刚刚那瓶酒的正面图，B用户出现倒满酒的杯子，最后是留资页面。情况2，与远方的TA，点击出现一段叙旧的文案，点击确认按钮，页面是个空杯子，出现摇一摇手机，开始倒酒提示，酒逐步流入杯子，倒满后，提示分享按钮。
设计上，手绘视觉，卡通人物偏拟人写实。
交互上，运用了双屏互动和摇一摇。

技术实现：代码捂得太严，小编看不到

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

标签