房地產(chǎn)H5合集:動(dòng)轍幾百萬的買賣,一個(gè)H5就搞定了?
“海景房”“大獨(dú)棟”“背靠CBD”......高大上的房地產(chǎn)廣告也開始俯低身姿,用H5這種親民接地氣的方式打廣告。
說實(shí)話下面10個(gè)H5案例真讓人挪不開眼,動(dòng)轍幾百萬的買賣,我竟然有想割腎湊首付的沖動(dòng)了!
房地產(chǎn) x 創(chuàng)意H5 x 互動(dòng)營銷
01 魯商置業(yè):孔子出道2567年個(gè)人EP首發(fā)
小編有話說:穩(wěn)穩(wěn)踩上了里約奧運(yùn)熱點(diǎn),在奧運(yùn)期間也算怒刷了回存在感。和前段時(shí)間“穿越故宮來看你”套路相仿,都是借用古代人物形象+現(xiàn)代饒舌演繹,給人一種強(qiáng)烈的反差感,這種腦洞大開的組合讓人一看就忘不了。同樣采用的是HTML5的video格式,在微信里觀看時(shí)正常的,但一通過瀏覽器就馬上破功,大大的視頻播放按鈕太明顯了!不過基于目前H5主要通過微信傳播,也無傷大雅。整個(gè)H5圍繞“奧運(yùn)我撐你”展開,在視頻結(jié)束點(diǎn)出“全民平板撐,撐夠一分抵一萬”的活動(dòng),讓用戶既娛樂了一把也能實(shí)實(shí)在在享受到福利。唯一不足,就是視頻比較大,在播放過程中容易卡頓。
02 龍光城:我竟然不是“主角”
小編有話說:龍光城在母親節(jié)策劃的H5,在創(chuàng)意點(diǎn)、展現(xiàn)形式和交互方式上都可圈可點(diǎn)。創(chuàng)意上,畫面在一個(gè)性感孕媽媽的不同身體部位切換,對(duì)應(yīng)的文案表達(dá)全是基于孕媽媽的口吻,并與龍光城房產(chǎn)的價(jià)值點(diǎn)相融合;展現(xiàn)形式上,采用圖片+手繪風(fēng)格,黑色底搭配橙色字,出現(xiàn)元素顯眼,用戶閱讀起來較舒適;交互方式上,采用的是長圖上滑切換,動(dòng)畫效果很流暢。最后一句文案小編很喜歡“我不再是主角,但我將擁有另一個(gè)溫暖的身份,媽媽”,辭藻不華麗卻說到人心里。
03 沈陽萬象城:女王駕到,男神護(hù)航
小編有話說:小游戲類H5,左右手指交替往下滑動(dòng),就能控制女王奔跑速度,達(dá)到一定階段就會(huì)有男神助力,奔跑速度就會(huì)加快,只要在規(guī)定時(shí)間內(nèi)完成游戲就可獲得抽獎(jiǎng)機(jī)會(huì)。整個(gè)H5以粉色為主色調(diào),穩(wěn)穩(wěn)契合“女王”主題,游戲進(jìn)行時(shí)路邊閃過的元素,設(shè)計(jì)師也特別有心的設(shè)計(jì)成商鋪LOGO,讓玩家在游戲過程中就不知覺的對(duì)萬象城里的商鋪產(chǎn)生記憶,加深品牌感,而且隨著手指滑動(dòng),還營造出豐富的時(shí)差滾動(dòng)效果。如果游戲設(shè)置上再增加些玩法,比如躲避障礙物、撲到壞男人減分等,會(huì)更增加好玩性。
04 前海湖山壹號(hào):致每一個(gè)愛生活的人
小編有話說:這個(gè)H5妥妥贏在了設(shè)計(jì)上!隨著日系性冷淡風(fēng)的走紅,干凈寫意的風(fēng)格受到人們追捧,而其中慢生活的理念更是深入人心。很簡(jiǎn)單的圖文展示類H5,沒有復(fù)雜的交互,動(dòng)畫上也極盡簡(jiǎn)單,全都是進(jìn)度動(dòng)畫和變形動(dòng)畫,搭配錯(cuò)落的排版和舒服的文字,借助周邊生物“魚”、“水草”、“樹”、“鳥”、“花”的角度,淺淺告出前海湖山壹號(hào)的周邊生態(tài)和生活理念,給人一種清雅之感,也算是房產(chǎn)界的一股清流吧。在觀看時(shí),就像閱讀一個(gè)個(gè)小故事,讓人非常有沉浸感。
05 五礦·銘品:愛麗絲夢(mèng)游仙境
小編有話說:密室逃脫類H5,要完成每一個(gè)任務(wù)設(shè)定,才能闖關(guān)成功完成游戲。從加載頁起,就自帶童話屬性,搖擺的鐘表讓人催眠,與電影《愛麗絲夢(mèng)游仙境》契合度超高,接著神秘鑰匙、縮小藥劑、白兔先生等情景設(shè)置,無一不把人帶入童話世界。交互上的設(shè)計(jì),也加強(qiáng)了整體H5的神秘感,如點(diǎn)燃蠟燭、鑰匙開門、追兔子,雖然都用的是“點(diǎn)擊”行為,但畫面配合流暢,代入感還是不錯(cuò)。最后完成任務(wù),才揭開故事的終極目的,原來是五礦銘品的邀請(qǐng)函,這個(gè)植入夠軟,小編想給100分!
06 房通網(wǎng):還我8萬塊
小編有話說:故事類+互動(dòng)類H5,夸張的文字和畫風(fēng)太是小編的菜了!創(chuàng)意上,通過看房被中介騙走8萬塊的故事,來宣傳自己品牌,在看H5的時(shí)候,創(chuàng)作者居然給騙錢中介取名“有家中介”,太戳人笑點(diǎn)了,非常像在一本正經(jīng)的胡說八道。交互上,故事頁面都是以向上滑動(dòng)的方式切換,到最后一屏,還有彈幕吐槽,非常有意思,“降價(jià)”“吐槽”“分享”,三個(gè)按鈕做的非常醒(sui)目(yi),點(diǎn)擊降價(jià)可以顯示當(dāng)前有多少人跟你站在同一陣營,點(diǎn)擊吐槽,可以輸入發(fā)送,并通過加粗的方式顯示在屏幕上,很有參與感。
07 麗島2046:人類戀愛進(jìn)化史
小編有話說:圖文展示類H5,素材較大打開速度比較慢,但加載頁的文案超萌“6500萬年前的故事加載起來好慢喔”一下子就拉緊了與用戶的距離,讓人愿意等待下去。默片式的視覺風(fēng)格,復(fù)古感十足,還有仿屏幕雪花閃爍,一下子就有年代感了!場(chǎng)景從6500萬年前一幕幕過渡到現(xiàn)在,人類的戀愛史與建筑的文明史穿插交錯(cuò),每一個(gè)談情說愛都是在建筑人類文明的里程碑,選擇在七夕這天發(fā)出也是籌劃已久。技術(shù)上,加了JS腳本控制序列圖的淡入淡出,觀看時(shí)很流暢沒有卡頓現(xiàn)象。
08 公園道1號(hào):你養(yǎng)我長大,我陪你變老
小編有話說:人生就像一列火車,中間有人上車,有人下車。這個(gè)走心 H5以“列車”比擬人生,飛馳的火車就是一去不復(fù)返的人生,帶觀看者從頭經(jīng)歷人生的每一個(gè)階段。H5剛開始時(shí)設(shè)計(jì)了一個(gè)“輸入年齡”的小細(xì)節(jié),目的就是讓觀看者更有參與感,讓整個(gè)H5變成自己的人生回望,出生、上學(xué)、上班、成家……生活越來越忙,家卻越來越遠(yuǎn),與家人相處的時(shí)間越來越少。唯一不足,場(chǎng)景的切換過慢,手勢(shì)引導(dǎo)不靈敏,切換場(chǎng)景不是很流暢。
09 碧桂園:智慧生活3.0
小編有話說:科技感類H5,每頁通過線條和文字展示,以黑色為主色調(diào),金色為字體顏色,排版簡(jiǎn)潔利索,紋理選用棱角立體切面,給人很強(qiáng)烈的科技感。這里不得不提的就是粒子動(dòng)畫效果,通過單個(gè)粒子的組合呈現(xiàn)出不同固定形態(tài),通過腳本來控制單個(gè)粒子的運(yùn)動(dòng)軌跡,模擬出超科幻的星際效果,其他動(dòng)畫效果均通過序列幀動(dòng)畫實(shí)現(xiàn)。交互上,每頁需要點(diǎn)擊高亮部分才可翻頁。
10 康橋悅城:悅小城的煩惱你來破
小編有話說:小劇場(chǎng)類型H5,故事情節(jié)、場(chǎng)面調(diào)度和整體設(shè)計(jì)是吸引人的關(guān)鍵點(diǎn)。橫屏的觀看方式,符合人們拿手機(jī)看視頻的方式,照顧到不同人的觀看速度,特別設(shè)置了點(diǎn)擊自由切換下一場(chǎng)景的互動(dòng)方式。整體創(chuàng)意圍繞悅小城的煩惱展開,大齡青年結(jié)婚在即丈母娘逼買房,房子的要求高到離譜,間接引入康橋悅城的房產(chǎn)優(yōu)勢(shì),很巧妙,連同故事情節(jié)一起讓人有記憶點(diǎn)。同時(shí)還有方言配音,細(xì)節(jié)處理很用心,感覺到團(tuán)隊(duì)是拿做小電影的氣力來做H5了,為了這股敬業(yè)精神,必須贊一個(gè)!
作者公眾號(hào):拇指部落Game (ID:muzhibuluo)
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請(qǐng)聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán),侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦,快來評(píng)論一下吧!
全部評(píng)論(0條)