花城+:万”粽“一心 赛龙战”疫“

2021-06-18 H5案例分享 H5案例分享
花城+:万”粽“一心 赛龙战”疫“


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

识别图中二维码

万”粽“一心 赛龙战”疫“-查阅二维码

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


案例:万”粽“一心 赛龙战”疫“

品牌:花城+

技术实现: html5

亮点:

  1. 创意定位

广州“花城+”将“战疫”精神与端午节结合,推出龙舟竞技作品,挑战用户手速,感受比赛氛围。传达对用户的端午祝福和坚定战胜疫情的信心。

 

2.策划逻辑

初始页面是带着口罩的卡通粽子坐在龙舟上,船头有用户名,点击“开始”,屏幕左右出现两个鼓和点击提示,龙舟上的另外两个粽子形象是医生和志愿者,游戏开始,用户快速点击左右两边的鼓面,让龙舟尽快前进,上方有计时,到达终点后,海报跳出,包括端午祝福语,用户用时和击败对手百分比,用户可点击触点再次挑战或分享作品。

 

3.设计上

简单的手绘作品,主色是粽叶的那种清爽绿色,三只小粽子,包括了医生,志愿者和民众,同舟共济参与划船比赛,烘托团结一致取得胜利的昂扬气氛。

 

4.交互上

作品比较简短,快速点击两侧小鼓给龙舟加速,海报页面有一键跳转重新参赛,用户可多次挑战自己,刷新成绩。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

谷粒多:1000年前夜宴上的你

中央广播电视台X大湾区之声:大湾区之声邀你端午划龙舟

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~