小仙科技 X 小罐茶:《击,而后礼》
客户:小罐茶 | 2020-11-26 | 浏览:829



5月初,我们接到了一份来自小罐茶的brief,为即将到来的端午节开发一款“拼手速,赛龙舟”的小游戏,此次合作中,我们承接整个项目的视觉设计和技术开发



这支H5小游戏围绕“龙舟竞渡”,用小罐茶系列产品结合端午元素设计开发,游戏界面搭建排行榜,根据30秒内龙舟滑行距离,进入排行榜前100名用户可获得小罐茶豪横大奖。



视觉设计




整体页面呈现出龙舟盛会的视觉印象,龙舟、青山、绿水、击鼓等元素,营造开屏即是浓浓的端午氛围,整体色调以绿色、蓝色为主,营造赛龙舟的场景感。

视觉效果设计上并不是简单融合端午元素,设计师多次尝试不同风格的插画,所绘制的画面元素亲切有趣,龙舟、粽子、小罐茶都绘制上萌萌哒的表情,插画萌感十足。

1591845619699151.png


丰富的插画给予用户视觉上的美感,而随手速实时更新的数字则能直观地刺激用户心智,滑行的数字具有强烈的社交属性,用户的窥探、羡慕和比较情绪由此而生。对目标用户进行闭环式精准营销,完整触发用户体验。




技术开发




简单式的交互玩法,比起复杂酷炫的交互设计更受用户喜爱,本支H5采用了简单的交互设计,以保证每个人迅速上手,操作体验更加流畅。

点击开屏页【开始】进入游戏,游戏界面设置龙舟滑行进度条,实时更新龙舟滑行的距离,点击【点我】按钮,模拟真实赛龙舟的场景设计,根据用户手速匹配对应的龙舟滑行速度和水流速度。

1591845659541139.png


整体交互开发中,界面会掉落粽子、小罐茶,增强交互的趣味性。搭配清新的音乐节奏,跟着节奏“疯狂”弹屏,整体技术开发十分注重用户体验

本支H5小游戏每一用户只有两次免费参与游戏的机会,两次机会用完用户可以点击右上角分享给好友赢得助力,获得复活机会。

临近端午佳节,小仙科技携手小罐茶邀您“粽”情领略,鼓声劈浪鸣千雷的酣畅淋漓。


虽然现在《击,而后礼》的活动已经结束,但依然想体验击鼓拼手速的朋友们,欢迎扫描下方二维码,获取体验版H5链接


小罐茶.png