案例：哈啰时光骑迹
品牌：哈罗出行
玩法：游戏
整理：蓝橙H5开发团队
1.详情内容上：
作品是由“哈啰出行”制作的游戏H5，哈啰出行是囊括哈啰单车、哈啰助力车和汽车等综合业务的移动出行平台，通过游戏的形式来宣传推广自身的品牌。H5一开始是横屏，米黄色的格子背景，哈啰出行的吉祥物——一只小哈士奇在追着气球跑，背景是矢量图绘制的城市，下方写着“正在开启你的时光骑迹…”还有加载百分比，最下方是哈啰出行的Logo。左上角是哈啰出行的Logo，中间标题大字“哈啰，我的时光骑迹”“无论是和熙的春风里，还是炎炎烈日下，哈啰都会陪伴您行好生活每一程”点击“开启我的时光骑迹”，开始动画长图。背景一开始是城市，一群人骑着哈啰单车，走过一些建筑，骑车的换成一位上班族骑着哈啰助力车，过段时间换成骑电动车，到达机场开的是哈啰顺风车，变成海边风情时候是一家人骑着景区车。一段短动画把哈啰出行的车型都介绍了一遍。
随后是游戏部分，“街头霸汪”“与“哈哈”（吉祥物小狗）一起，开启你的时光骑迹s吧！做超拉风的“街头霸汪””点击“开始游戏”；游戏规则：帮“哈哈”选择一款你喜欢的哈啰车，躲开障碍物取得积分，超过300分，就可以参与抽奖哦！点击“选车开路”，最下方共有5种车型可以选择，就是刚刚长图介绍的那五中，3个数的倒数后，开始三条路的躲避游戏，拖动狗子即可。右上角有表明收集的钱币和王老吉数量，最上边是积分。结束游戏后会显示你的积分，还有钱币和王老吉数量，有“去抽奖”选项，还有提示分享更多，幸运更多。
2.设计体验上：
一个H5把游戏和长图动画结合到一起还是很用心的。小狗的卡通形象也可爱。色调主要以蓝白为主。加载速度快，动画部分右上角有跳过选项，为客户着想。左上角可关闭音乐。
扫描二维码查看
注：如果您还想了解更多的H5玩法案例，或者需要咨询H5定制问题，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5
