大麦网：请问9¾站台怎么走?

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

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

识别图中二维码

请问9¾站台怎么走?-查阅二维码

完整欣赏此案例大约需要2分钟

案例：请问9¾站台怎么走?

出品：大麦网

亮点：

策划上，点击首页出现的闹钟，准备上班；之后是黑白色的简笔画视频，一个上班族早晨八点起床，洗漱，挤地铁，到了公司开始工作，当再拿起手机时，又开始了重复的一天；画面一共重复了四次，在第四次时，拿起手机显示了两个按键，一个“还没重复够”和“真的够了”；当点击还没重复够时再重复播放视频，不过在这一次右下角有了跳过按钮；点击跳过，再次进入选择界面，点击真的够了，按钮变成9¾的样子，进入了一个多彩的世界；最后的界面是现场LIVE的宣传，点击黑色人物的的彩色部分，跳转到大麦超现场成都站的宣传界面。
设计上，前部分是黑白简笔画风格，后部分是彩色动画风格；两种风格具有很大的差异性，对比强烈。
体验上，前半部分和后半部分产生的差异性，令人印象深刻，在很大程度上突出了日子的单调和想要放松的心情；创意新颖，宣传方式特别又有趣，给都市烦躁生活的人一种共鸣，有想要去现场的冲动。

技术实现： javascript+video

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

标签