房地产H5合集:动辙几百万的买卖,一个H5就搞定了?

举报 2016-09-12

WX20181108-185713.png

“海景房”“大独栋”“背靠CBD”......高大上的房地产广告也开始俯低身姿,用H5这种亲民接地气的方式打广告。

 说实话下面10个H5案例真让人挪不开眼,动辙几百万的买卖,我竟然有想割肾凑首付的冲动了!


房地产 x 创意H5 x 互动营销

01 鲁商置业:孔子出道2567年个人EP首发

1.png

1er.png

小编有话说:稳稳踩上了里约奥运热点,在奥运期间也算怒刷了回存在感。和前段时间“穿越故宫来看你”套路相仿,都是借用古代人物形象+现代饶舌演绎,给人一种强烈的反差感,这种脑洞大开的组合让人一看就忘不了。同样采用的是HTML5的video格式,在微信里观看时正常的,但一通过浏览器就马上破功,大大的视频播放按钮太明显了!不过基于目前H5主要通过微信传播,也无伤大雅。整个H5围绕“奥运我撑你”展开,在视频结束点出“全民平板撑,撑够一分抵一万”的活动,让用户既娱乐了一把也能实实在在享受到福利。唯一不足,就是视频比较大,在播放过程中容易卡顿。


02 龙光城:我竟然不是“主角”

2.png

2er.png

小编有话说:龙光城在母亲节策划的H5,在创意点、展现形式和交互方式上都可圈可点。创意上,画面在一个性感孕妈妈的不同身体部位切换,对应的文案表达全是基于孕妈妈的口吻,并与龙光城房产的价值点相融合;展现形式上,采用图片+手绘风格,黑色底搭配橙色字,出现元素显眼,用户阅读起来较舒适;交互方式上,采用的是长图上滑切换,动画效果很流畅。最后一句文案小编很喜欢“我不再是主角,但我将拥有另一个温暖的身份,妈妈”,辞藻不华丽却说到人心里。


03 沈阳万象城:女王驾到,男神护航

3.png

3er.png

小编有话说:小游戏类H5,左右手指交替往下滑动,就能控制女王奔跑速度,达到一定阶段就会有男神助力,奔跑速度就会加快,只要在规定时间内完成游戏就可获得抽奖机会。整个H5以粉色为主色调,稳稳契合“女王”主题,游戏进行时路边闪过的元素,设计师也特别有心的设计成商铺LOGO,让玩家在游戏过程中就不知觉的对万象城里的商铺产生记忆,加深品牌感,而且随着手指滑动,还营造出丰富的时差滚动效果。如果游戏设置上再增加些玩法,比如躲避障碍物、扑到坏男人减分等,会更增加好玩性。


04 前海湖山壹号:致每一个爱生活的人

4.png

4er.png

小编有话说:这个H5妥妥赢在了设计上!随着日系性冷淡风的走红,干净写意的风格受到人们追捧,而其中慢生活的理念更是深入人心。很简单的图文展示类H5,没有复杂的交互,动画上也极尽简单,全都是进度动画和变形动画,搭配错落的排版和舒服的文字,借助周边生物“鱼”、“水草”、“树”、“鸟”、“花”的角度,浅浅告出前海湖山壹号的周边生态和生活理念,给人一种清雅之感,也算是房产界的一股清流吧。在观看时,就像阅读一个个小故事,让人非常有沉浸感。


05 五矿·铭品:爱丽丝梦游仙境

5.png

5er.png

小编有话说:密室逃脱类H5,要完成每一个任务设定,才能闯关成功完成游戏。从加载页起,就自带童话属性,摇摆的钟表让人催眠,与电影《爱丽丝梦游仙境》契合度超高,接着神秘钥匙、缩小药剂、白兔先生等情景设置,无一不把人带入童话世界。交互上的设计,也加强了整体H5的神秘感,如点燃蜡烛、钥匙开门、追兔子,虽然都用的是“点击”行为,但画面配合流畅,代入感还是不错。最后完成任务,才揭开故事的终极目的,原来是五矿铭品的邀请函,这个植入够软,小编想给100分!


06 房通网:还我8万块

6.png

6er.png

小编有话说:故事类+互动类H5,夸张的文字和画风太是小编的菜了!创意上,通过看房被中介骗走8万块的故事,来宣传自己品牌,在看H5的时候,创作者居然给骗钱中介取名“有家中介”,太戳人笑点了,非常像在一本正经的胡说八道。交互上,故事页面都是以向上滑动的方式切换,到最后一屏,还有弹幕吐槽,非常有意思,“降价”“吐槽”“分享”,三个按钮做的非常醒(sui)目(yi),点击降价可以显示当前有多少人跟你站在同一阵营,点击吐槽,可以输入发送,并通过加粗的方式显示在屏幕上,很有参与感。


07 丽岛2046:人类恋爱进化史

7.png

7er.png

小编有话说:图文展示类H5,素材较大打开速度比较慢,但加载页的文案超萌“6500万年前的故事加载起来好慢喔”一下子就拉紧了与用户的距离,让人愿意等待下去。默片式的视觉风格,复古感十足,还有仿屏幕雪花闪烁,一下子就有年代感了!场景从6500万年前一幕幕过渡到现在,人类的恋爱史与建筑的文明史穿插交错,每一个谈情说爱都是在建筑人类文明的里程碑,选择在七夕这天发出也是筹划已久。技术上,加了JS脚本控制序列图的淡入淡出,观看时很流畅没有卡顿现象。


08 公园道1号:你养我长大,我陪你变老

8.png

8er.png

小编有话说:人生就像一列火车,中间有人上车,有人下车。这个走心 H5以“列车”比拟人生,飞驰的火车就是一去不复返的人生,带观看者从头经历人生的每一个阶段。H5刚开始时设计了一个“输入年龄”的小细节,目的就是让观看者更有参与感,让整个H5变成自己的人生回望,出生、上学、上班、成家……生活越来越忙,家却越来越远,与家人相处的时间越来越少。唯一不足,场景的切换过慢,手势引导不灵敏,切换场景不是很流畅。


09 碧桂园:智慧生活3.0

9.png

9er.png

小编有话说:科技感类H5,每页通过线条和文字展示,以黑色为主色调,金色为字体颜色,排版简洁利索,纹理选用棱角立体切面,给人很强烈的科技感。这里不得不提的就是粒子动画效果,通过单个粒子的组合呈现出不同固定形态,通过脚本来控制单个粒子的运动轨迹,模拟出超科幻的星际效果,其他动画效果均通过序列帧动画实现。交互上,每页需要点击高亮部分才可翻页。


10 康桥悦城:悦小城的烦恼你来破

10.png

10er.png

小编有话说:小剧场类型H5,故事情节、场面调度和整体设计是吸引人的关键点。横屏的观看方式,符合人们拿手机看视频的方式,照顾到不同人的观看速度,特别设置了点击自由切换下一场景的互动方式。整体创意围绕悦小城的烦恼展开,大龄青年结婚在即丈母娘逼买房,房子的要求高到离谱,间接引入康桥悦城的房产优势,很巧妙,连同故事情节一起让人有记忆点。同时还有方言配音,细节处理很用心,感觉到团队是拿做小电影的气力来做H5了,为了这股敬业精神,必须赞一个!


作者公众号:拇指部落Game (ID:muzhibuluo)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    拇指部落 广州

    拇指部落 广州

    广东 广州

    广州市天河区华强路3号富力盈力大厦南塔517

    行业:营销咨询