评判一个H5游戏是否优秀,主要是从游戏玩法与页面设计两方面进行判断。商家在策划H5游戏活动时,可以选用一些热门的游戏玩法来确保游戏的趣味性,只需再做好H5页面设计,即可大大提升H5游戏对用户的吸引力。下面,蓝橙视觉就以实际案例为大家分析一下,如何做好跳一跳H5游戏页面设计。
一、活动背景
这是由伟星建材推出的春节H5活动,以“兔飞猛进,跳跃星征程”为活动主题,通过伟星商城专属活动页面,用户线上参与活动,通过跳一跳游戏收集福卡,集齐五张不同卡片即可合成红包,除夕夜当晚可以开启红包,春节当天可以提取到帐。
二、活动流程
①进入到活动界面我们可以看到活动的主题“兔飞猛进,跳跃星征程”,以及一只穿着伟星工作服手持灯笼的卡通兔子,下方有两个按键,“开始游戏”和“我的卡片”。
②点击“开始游戏”:进入到跳一跳小游戏界面,首先进行游戏角色选择,“伟星净水”、“咖乐防水”以及“伟星采暖”三个游戏角色,选择角色进入游戏,与微信跳一跳小游戏的玩法一致,长按给角色蓄力跳跃到下一个台阶记一分,游戏中的每个跳台都进行定制开发,加入了品牌介绍或产品信息,用户参与游戏可以随机收集福卡,在游戏的过程中接收品牌软广告。
③点击“我的福卡”:进入到集五福界面,活动一共有五种福卡,每张福卡上都有伟星品牌的产品广告,集齐五种福卡即可参与除夕夜瓜分现金活动。
三、页面设计
H5页面设计上巧妙结合了伟星建材的相关产品表现在各个元素细节上和一些兔年春节的元素,用户通过跳一跳游戏和集卡片更好的了解伟星建材产品。
1、3D人物建模
2、3D跳台建模
3、福卡设计
以上就是本次为大家分享的全部内容,H5画面以红色调为主,符合春节活动的喜庆风格,结合跳一跳小游戏和集五福玩法,让用户通过挑战跳一跳游戏即可收集五福卡片,简化了集五福活动的集卡难度,在提升了营销趣味性的同时,也降低了用户的参与门槛,能够吸引更多用户参与活动。