1. 做活动的H5页面应该以什么形式的文案比较好
功能与目标
首先从功能与设计目标来看,H5 专题页主要有以下 4 大类型:
1. 活动运营型
为活动推广运营而打造的 H5 页面是最常见的类型,形式多变,包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同,如今的 H5 活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信 H5 页面到最后落地到品牌 App 内部,如何设计一套合适的引流路线也颇为重要。
大众点评为电影《狂怒》设计的推广页便深谙此道。复古拟物风格的视觉设计让人眼前一亮,富有质感的旧票根、忽闪的霓虹灯,配以幽默的动画与音效,恨不得每个选项都点一遍。围绕「选择」这个品牌关键词,用引人入胜的测试题让用户把人生当作大片来选择,选到最后一题引出「大众点评选座看电影」,一键直达 App 购票页面。即使明知是软文也忍不住带着「矮油不错,这个页面有点 diao 噢」的心情点击了分享。
2. 品牌宣传型
不同于讲究时效性的活动运营页,品牌宣传型 H5 页面等同于一个品牌的微官网,更倾向于品牌形象塑造,向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象。
伴随着浪漫的钢琴旋律,《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚,最后引出「首草——滋阴圣品,爱妻首选」的宣传语。设计上采用回忆般的黑白色调,简单的照片加文字,配以花瓣掉落、水面涟漪等轻动画,渲染出唯美优雅的气氛。「首草」这个全新的高端养生草药品牌,用 H5 打出了一副走心的情感牌,让用户记住了「半生只为你」的爱妻品牌形象。
3. 产品介绍型
聚焦于产品功能介绍,运用 H5 的互动技术优势尽情展示产品特性,吸引用户买买买。
这一类型的 H5 页面多见于汽车品牌,LEXUS NX 是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕,通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的 7 大特性,宏观和微观都照顾周全。
4. 总结报告型
自从支付宝的十年账单引发热议后,各大企业的年终总结现也热衷于用 H5 技术实现,优秀的互动体验令原本乏味的总结报告有趣生动了起来。
《京东的十大任性》用 10 张横屏页面讲述了京东在 2014 年的十大成就,视觉设计上采用简洁的扁平风插画,加入纸面质感形成复古卡片拼贴感。不同页面间通过手指滑动实现流畅的视差滚动效果,最后还有刘总这个小彩蛋。一口气看完后大概就了解 2014 年京东都干了哪些大事。
2. 那些火爆朋友圈的H5创意都是怎么来的
南京未墨广告10周年,承接各类h5定制开发,已服务于拜耳、露得清、中信银行等客户。
我们是专业服务于广告公司的技术服务商,花50%的钱,省50%的时间!
电商营销类:砍价、拼团、助力、秒杀、抽奖、签到抽奖等
活动功能类:投票、答题、趣味测试、VR全景、问卷调查、人脸融合等
红包营销类:微信红包、口令红包、裂变红包、语音红包等
游戏营销类:动作类、消除类、跳跃类、集卡类、手速反应类等
趣味营销类:快闪、一镜到底、雷达扫描、摇一摇等
3. h5作品你的设计思路有哪几步
1、内容方向的H5内容方向是指介绍内容为主的H5,从用户情感出发,基于大众所熟知和想了解的方面入手。
重点放在内容方面要引人入胜,能够吸引特定用户,把H5有目标、有目的的去投放。如节日类、信息广告类、电视影片类等。
例如,腾讯网《活着》项目组策划的《活在此时》,充分透析了北漂一天的忙碌生活,直击为了生活而奋斗着的年轻人内心,主题震撼,内容充实,闻者心动,见者伤感。腾讯新闻发布的系列H5《传统节气》,随着人们开始越来越关注传统文化的传承,二十四节气的由来、习俗等知识,越来越多的人想深入了解。
实时推出《传统节气》,既满足了此类人群的需求,又弘扬了传统文化知识。2、视觉方向的H5视觉方向是指以画面为主的H5,这里指的不单单是好看,而是把重点放在画面执行上,画面更有丰富的动效,做到非常强力视觉冲击力。
视觉方向的H5拥有着炫酷的画面、华丽的动效以及特点鲜明的手绘,让人印象深刻,过目不忘。例如,《AKQA Winterlands》借势 圣诞节,让用户进入水晶球,环视3D场景,让用户有身在其中的感觉,在视觉和互动上达到双赢。
3、交互方向的H5交互方向是指注重与用户建立丰富的互动体验,以用户操作为主要卖点。重点放在和用户的交互体验方面,让用户有很强的参与感。
这就需要在互动过程中要做到完美的体验,吸引用户一步一步按照设计师思路看完H5。如游戏类、广告类。
交互方向H5一大类是小游戏,例如,早期的围住神经猫、虐心的小鸟等等。另外,腾讯新闻出品《俄罗斯阅兵—抢答1分钟》参与互动答题,再配上风格独特的手绘图案,可以说是H5中的精品。
二、提升H5页面的设计细节1、Loading页根据《移动页面用户行为报告》的统计显示:H5的加载时间超过5秒,就会有74%的用户离开页面。所以,一个有趣的loading动效,可以极大的增加用户的耐心,缓解无聊的等待时间。
2、背景音乐图标H5中的背景音乐图标也是常常被忽略的一个细节,一些百搭、万能式的图标,虽然在视觉上不会显得突兀、能较为自然的融进H5中,但从另一方面来看,却总归缺少了鲜明的个性化特色。如果能够结合H5本身的内容重新进行设计,不仅能统一整体的画面风格,还会使你的H5变得更为精致!3、翻页提示箭头翻页:通常适用于展示类H5,一般为上翻箭头(上下翻页时)和左翻箭头(左右翻页),与背景音乐图标类似,翻页提示最好也尝试结合H5内容进行设计。
手势翻页:主要适用于长页面或者左右翻页的场景,通过做手点击的滑动效果来提示翻页。4、分享提示H5上线后,最重要的当然就是传播出去,刷屏的梦想还是要有滴,万一呢?所以,除了H5本身的内容质量外,一个用心设计的分享提示绝对能打动用户,吸引他们进行分享转发~但首先,我们得了解下什么是诱导分享,最最直接的就是提示文字分享转发到朋友圈,但是也可以通过巧妙的设计来隐晦的表达出求关注求转发的心情,比如在分享文案上花点心思:X总结:以上就是设计H5页面可以参考的三个思路和一些细节问题,并非所有的H5都要兼顾这三个方面,可选择其中一个做精做好即可,当然其他两个方面肯定会有所涉及,企业可根据自身情况进行选择。
4. h5作品你的设计思路有哪几步
1、内容方向的H5
内容方向是指介绍内容为主的H5,从用户情感出发,基于大众所熟知和想了解的方面入手。重点放在内容方面要引人入胜,能够吸引特定用户,把H5有目标、有目的的去投放。如节日类、信息广告类、电视影片类等。
例如,腾讯网《活着》项目组策划的《活在此时》,充分透析了北漂一天的忙碌生活,直击为了生活而奋斗着的年轻人内心,主题震撼,内容充实,闻者心动,见者伤感。腾讯新闻发布的系列H5《传统节气》,随着人们开始越来越关注传统文化的传承,二十四节气的由来、习俗等知识,越来越多的人想深入了解。实时推出《传统节气》,既满足了此类人群的需求,又弘扬了传统文化知识。
2、视觉方向的H5
视觉方向是指以画面为主的H5,这里指的不单单是好看,而是把重点放在画面执行上,画面更有丰富的动效,做到非常强力视觉冲击力。视觉方向的H5拥有着炫酷的画面、华丽的动效以及特点鲜明的手绘,让人印象深刻,过目不忘。
例如,《AKQA Winterlands》借势 圣诞节,让用户进入水晶球,环视3D场景,让用户有身在其中的感觉,在视觉和互动上达到双赢。
3、交互方向的H5
交互方向是指注重与用户建立丰富的互动体验,以用户操作为主要卖点。重点放在和用户的交互体验方面,让用户有很强的参与感。这就需要在互动过程中要做到完美的体验,吸引用户一步一步按照设计师思路看完H5。如游戏类、广告类。
交互方向H5一大类是小游戏,例如,早期的围住神经猫、虐心的小鸟等等。另外,腾讯新闻出品《俄罗斯阅兵—抢答1分钟》参与互动答题,再配上风格独特的手绘图案,可以说是H5中的精品。
二、提升H5页面的设计细节
1、Loading页
根据《移动页面用户行为报告》的统计显示:H5的加载时间超过5秒,就会有74%的用户离开页面。所以,一个有趣的loading动效,可以极大的增加用户的耐心,缓解无聊的等待时间。
2、背景音乐图标
H5中的背景音乐图标也是常常被忽略的一个细节,一些百搭、万能式的图标,虽然在视觉上不会显得突兀、能较为自然的融进H5中,但从另一方面来看,却总归缺少了鲜明的个性化特色。如果能够结合H5本身的内容重新进行设计,不仅能统一整体的画面风格,还会使你的H5变得更为精致!
3、翻页提示
箭头翻页:通常适用于展示类H5,一般为上翻箭头(上下翻页时)和左翻箭头(左右翻页),与背景音乐图标类似,翻页提示最好也尝试结合H5内容进行设计。
手势翻页:主要适用于长页面或者左右翻页的场景,通过做手点击的滑动效果来提示翻页。
4、分享提示
H5上线后,最重要的当然就是传播出去,刷屏的梦想还是要有滴,万一呢?所以,除了H5本身的内容质量外,一个用心设计的分享提示绝对能打动用户,吸引他们进行分享转发~
但首先,我们得了解下什么是诱导分享,最最直接的就是提示文字分享转发到朋友圈,但是也可以通过巧妙的设计来隐晦的表达出求关注求转发的心情,比如在分享文案上花点心思:
X
总结:
以上就是设计H5页面可以参考的三个思路和一些细节问题,并非所有的H5都要兼顾这三个方面,可选择其中一个做精做好即可,当然其他两个方面肯定会有所涉及,企业可根据自身情况进行选择。