H5,对你爱爱不完

发送到手机
使用"扫一扫"即可发送至手机

上周小编讲了H5的那些事儿,这周就来说说那些有趣让我们爱不完的经典案例吧!


活动运营型


为活动推广运营而打造的 H5 页面是最常见的类型,形式多变,包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同,如今的 H5 活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信 H5 页面到最后落地到品牌 App 内部,如何设计一套合适的引流路线也颇为重要。 大众点评为电影《狂怒》设计的推广页便深谙此道。复古拟物风格的视觉设计让人眼前一亮,富有质感的旧票根、忽闪的霓虹灯,配以幽默的动画与音效,恨不得每个选项都点一遍。围绕「选择」这个品牌关键词,用引人入胜的测试题让用户把人生当作大片来选择,选到最后一题引出「大众点评选座看电影」,一键直达 App 购票页面。即使明知是软文也忍不住带着「矮油不错,这个页面有点 diao 噢」的心情点击了分享。


那些过目不忘的H5页面 01.jpg


品牌宣传型 


不同于讲究时效性的活动运营页,品牌宣传型 H5 页面等同于一个品牌的微官网,更倾向于品牌形象塑造,向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象。 伴随着浪漫的钢琴旋律,《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚,最后引出「首草——滋阴圣品,爱妻首选」的宣传语。设计上采用回忆般的黑白色调,简单的照片加文字,配以花瓣掉落、水面涟漪等轻动画,渲染出唯美优雅的气氛。「首草」这个全新的高端养生草药品牌,用 H5 打出了一副走心的情感牌,让用户记住了「半生只为你」的爱妻品牌形象。            


那些过目不忘的H5页面 02.jpg


产品介绍型 


聚焦于产品功能介绍,运用 H5 的互动技术优势尽情展示产品特性,吸引用户买买买。 这一类型的 H5 页面多见于汽车品牌,LEXUS NX 是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕,通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的 7 大特性,宏观和微观都照顾周全。


那些过目不忘的H5页面 03.jpg


总结报告型 


自从支付宝的十年账单引发热议后,各大企业的年终总结现也热衷于用 H5 技术实现,优秀的互动体验令原本乏味的总结报告有趣生动了起来。 《京东的十大任性》用 10 张横屏页面讲述了京东在 2014 年的十大成就,视觉设计上采用简洁的扁平风插画,加入纸面质感形成复古卡片拼贴感。不同页面间通过手指滑动实现流畅的视差滚动效果,最后还有刘总这个小彩蛋。一口气看完后大概就了解 2014 年京东都干了哪些大事。


那些过目不忘的H5页面 04.jpg


看完这些案例,是不是觉得H5非常的有趣呢。更多有趣H5资讯,可关注我们的官网哟~








H5,对你爱爱不完

H5,对你爱爱不完

分享: