摩拜单车：丞相，别走栈道了，来坐大座椅呀
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分36秒
案例：丞相，别走栈道了，来坐大座椅呀
出品：摩拜单车
亮点：
- 策划上，视频类。①Loading完毕，进入首页，点击下方的“点击开锁”按钮，进入主题目录页面，有两个选项，“去成都”和“去西安”。②点击“去西安”，进入一段视频，内容：诸葛亮献计北定中原，但路途遥远，刘备忧虑三军路途艰辛，诸葛亮提议，西安成都的高铁已开通，四个小时便可到达，还可以骑摩拜，逛西安。④视频播放完毕，依次出现三个问题，“带丞相吃什么”、“带丞相逛什么”、“带丞相蹦什么”，选择后进入一个页面，将所回答问题统计显示出来，页面下方有四个按钮,分别是“领丞相专属月卡”、“分享至你的朋友圈”、“返回首页看诗仙”和“这里有膜拜好基友”，可选择进入。⑤点击“去成都”按钮后的流程与上边所述一致，视频内容不同，是李白与友人分别所引发的事儿，此处不再详细描述。
- 设计上，采用漫画的风格，简单的几笔便够了出人物的特点；以弹幕、书法背景等形式，展现诗人的作品，给整个H5添加一层文化的色彩，古典与现代的结合，给人深刻。
- 交互上，一段视频过后都会回答三个问题，让用户参与其中。
- 体验上，体验之后，小编感觉很不错，通过诸葛亮献计于刘备、李白和好基友杜甫分别，引出西安-成都高铁的开通，通过三个问题的提问，交代了西安、成都的美食，景点，娱乐方式等。整体风格有点恶搞的意味，使得膜拜单车的品牌植入很自然。
技术实现： arrange.js+jQuery.js
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
