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

蓝橙视觉设计在助力品牌营销线上活动设计方面有丰富的项目经验,擅长视觉传达设计、插画设计、IP形象表情包等方面设计,力求为客户提供优质服务,构建鲜明视觉识别体系,扩展品牌设计外延。
设计
观点
2023-03-17
H5动效
设计观点 / 运营活动设计|H5动效该如何使用?
运营活动设计|H5动效该如何使用?


随着互联网时代的发展,手机上网已经成为人们日常生活的部分,企业已经从过去传统的广告模式中走出来,移动营销成为企业推广的重要方式,而移动营销中,H5作为营销的传播工具,在企业推广中起着至关重要的作用。H5营销仅自身附带推广,且H5形式众多,花样百出,利用有趣的交互或者各种奖励机制促使用户二次传播,形成病毒营销,提高品牌的曝光量。下面,蓝橙互动就给大家聊聊H5动效该如何使用。

 

1、用户体验的重要性

 

从内容与推广出发,再结合当下信息时代和用户特征,思考H5如何才能更好的具有传播力,动效无疑是提升用户体验的重要手段。我们所见的H5都可以制作动效,以展示为主的H5常见的应用场景包含邀请函、账单、产品宣传、品牌广告、节日营销等,动效结合简单交互来营造品牌营销氛围,达到提高品牌认知度和宣传品牌形象的目的。

 

2、动效能实现的效果

 

市面上的H5动效看似花样百出,大多基本操作无疑是改变图片属性:缩放、透明、旋转、移动,或是逐帧展示,再将改变的各种属性集合,抓住用户的情感形成各式各样的动效来塑造品牌形象。


H5案例

 

案例名称:《滑屏查收这份新鲜指北》

 

此H5运用最多的属性变化则是通过改变位置来形成动效,开篇一段弹幕的形式展现,拉动活跃的气氛,用户情感一下就被带动了,加载完后出现新希望首页,随着位置变化整体节奏是带有抖音的故障风,整体动感活跃,跟着新希望吉祥物奶牛的节奏,通过手指滑动展现当代年轻人对生活的各种追求,代入情景中,与用户产生共鸣。元素本身的位移与滑动的同时前后元素的位移,形成前后空间感,让画面更立体。最后再展示第六届中国好鲜奶-新鲜盛典的具体信息。完了引导用户参与DOU音话题或者跳转产品链接,增加曝光与成交量。

 

H5案例


案例名称《三千旅居》

 

开篇选择角色,用第一人称的角度,长按画面控制前行或后退,同样是通过位置的移动,来展示我游历各大地标景色的过程,途中经过的各地标也表明了三千旅居品牌全国化,点击景点可以生成三千旅居宣传海报,和扫描二维码查看更多品牌活动,旨在通过动画展示场景来宣传三千旅居品牌的作用。与上一个H5案例不同的是,用户滑到的位置才会有相应的元素展示,互动形式简单易懂,不会增加用户负担,品牌宣传效果,用户体验也极佳。

 

3、考虑加载流畅

 

从2G到5G,在这个互联网时代,人们从未停止对网络速度的追求,展示内H5大多内容较多,素材较大,站在用户的角度,加载的流畅性是必不可少的,可以想象,原本用户感兴趣的一支H5,点进去之后加载很久都不能进去,大概率兴趣度会从80%降为20%,甚至失去耐心,导致退出。对于这种情况,1是考虑分部加载,尽量减少初步加载太多导致用户焦急等待的烦躁,2是在加载或过渡阶段,制作有趣的动效来吸引用户,提升体验。

 

H5案例


案例名称《大象公益》

 

开篇加载页就很有意思,小象用它长长的鼻子转动,吸引用户兴趣,从而等待接下来的情景,也加深了用户对小象的印象。就是通过有趣的动效来吸引用户,对接下来的内容产生浓厚的兴趣并充满期待。

 

以上,列举了部分动效在H5中的运用,可以看出一支优质的游戏或者是关于运营活动设计都是站在用户的角度思考,寻求怎么给用户更好的使用体验的同时,传播品牌,达到最佳营销效果。