滴滴出行：江湖高校风云榜
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：江湖高校风云榜
品牌：滴滴出行
技术实现： HTML5
亮点：
1.创意定位
由滴滴出现制作的高校宣传招生H5。
2.策划逻辑
整个H5大致分为2部分：
①Loading部分：橄榄绿色背景，一个男孩踩着云彩的图案，下面是白色的加载条和数据。
②内容部分：竖着的标题“2019江湖高校风云榜”，上面是Logo，点击“开启江湖之旅”，点击后屏幕会向下滑“少侠们，桃园暑假结束了，欢迎踏上全新旅程，滴滴出现大数据揭秘《搞笑江湖风云榜》谁将问鼎超级门派？比试便知！”按照提上向上滑动，分别介绍了“笑傲青春派” 的四川传媒学院、“花花食神派” 、“捷足先登派”的四川大学；“佛系享受派” 的中国人民大学、“乘人之美派” 的东莞理工大学；“万人争先派” 的苏州大学、“财华横溢派” 的北京大学、“如影随形派”的北京语言大学＆中国矿业大学。
最后可以选择一个喜欢学院长按并保存它的海报，“pick想加入的门派”，点击最下方的“加入高校pk 为母校打CALL”
3.设计上
色彩鲜艳，大胆。手绘风格。
4.体验上
操作简单，右上角可关闭音乐。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
