宣传活动设计
丰富的品牌营销设计经验
一群普普通通的人在一起做着不平凡的事
8年和衷共济,获得3580+品牌项目认可

蓝橙视觉设计在助力品牌营销线上活动设计方面有丰富的项目经验,擅长视觉传达设计、插画设计、IP形象表情包等方面设计,力求为客户提供优质服务,构建鲜明视觉识别体系,扩展品牌设计外延。
设计
观点
2023-05-26
H5页面设计
营销物料设计
设计观点 / H5页面设计|跳一跳H5游戏设计
H5页面设计|跳一跳H5游戏设计

评判一个H5游戏是否优秀,主要是从游戏玩法与页面设计两方面进行判断。商家在策划H5游戏活动时,可以选用一些热门的游戏玩法来确保游戏的趣味性,只需再做好H5页面设计,即可大大提升H5游戏对用户的吸引力。下面,蓝橙视觉就以实际案例为大家分析一下,如何做好跳一跳H5游戏页面设计。

 

一、活动背景

 

这是由伟星建材推出的春节H5活动,以“兔飞猛进,跳跃星征程”为活动主题,通过伟星商城专属活动页面,用户线上参与活动,通过跳一跳游戏收集福卡,集齐五张不同卡片即可合成红包,除夕夜当晚可以开启红包,春节当天可以提取到帐。

 

跳一跳H5

 

二、活动流程

 

①进入到活动界面我们可以看到活动的主题“兔飞猛进,跳跃星征程”,以及一只穿着伟星工作服手持灯笼的卡通兔子,下方有两个按键,“开始游戏”和“我的卡片”。

 

②点击“开始游戏”:进入到跳一跳小游戏界面,首先进行游戏角色选择,“伟星净水”、“咖乐防水”以及“伟星采暖”三个游戏角色,选择角色进入游戏,与微信跳一跳小游戏的玩法一致,长按给角色蓄力跳跃到下一个台阶记一分,游戏中的每个跳台都进行定制开发,加入了品牌介绍或产品信息,用户参与游戏可以随机收集福卡,在游戏的过程中接收品牌软广告。

 

跳一跳H5游戏


③点击“我的福卡”:进入到集五福界面,活动一共有五种福卡,每张福卡上都有伟星品牌的产品广告,集齐五种福卡即可参与除夕夜瓜分现金活动。

 

集福H5


三、页面设计

 

H5页面设计上巧妙结合了伟星建材的相关产品表现在各个元素细节上和一些兔年春节的元素,用户通过跳一跳游戏和集卡片更好的了解伟星建材产品。

 

1、3D人物建模

 

3D人物建模


3D人物建模


2、3D跳台建模

 

3D建模设计


3、福卡设计

 

福卡页面设计


以上就是本次为大家分享的全部内容,H5画面以红色调为主,符合春节活动的喜庆风格,结合跳一跳小游戏和集五福玩法,让用户通过挑战跳一跳游戏即可收集五福卡片,简化了集五福活动的集卡难度,在提升了营销趣味性的同时,也降低了用户的参与门槛,能够吸引更多用户参与活动。