2017年那些刷屏朋友圈的H5案例們(Top15)

所長瓜田君發表於2018-01-10

2017年秀H5賞析。排名不分先後。儘可能多得挑選了不同展現形式、或是不同行業的案例(附案例連結)。


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

美圖秀秀:妙啊!史上最奇妙的聖誕祝福

點評:這個特別好玩,任意上傳一張人像(注意,是人像!)都可生成手繪賀卡,而且還可以選擇繪畫風格,還有小冰智慧為你生成一句話,並且最後你可以把生成的賀卡下載下來。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

星巴克:你的名字裡有首歌

點評:星巴克這次聖誕節的活動,埋了兩個點,一可以幫你生成帶有你名字的祝福,二是贈送了優惠券,直接掃碼可以跳轉到他們的微信小程式。深諳營銷活動的套路No.1啊。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

淘寶:飛越淘寶奇市,造物節7月江湖見

點評:這效果做得特別炫酷,有點像遊戲,可以控制風箏的飛行高度。涵蓋的內容也蠻廣的,當時淘寶造物節靠這個H5刷了一波朋友圈。

案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

網易新聞:二零一七年娛樂圈畫傳

點評:網易出品,不得不服。畫中畫,展示了2017年幾乎所有的娛樂圈熱點新聞,所長看完表示居然全部都懂了。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

騰訊:智愛行動公益計劃,為留守兒童發聲

點評:騰訊這個公益H5做得很有水準,無論是策劃、內容,還是視覺。虛實結合,小男孩是真的,場景是畫的,很特別的展現形式。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

新世相 :這個告白郵局,裝著25歲後說不出口的情話

點評:稍微要載入一會兒...也是虛實結合,找來了陳柏霖做主人公。你可以自己寫一封信,也可以閱讀別人的信。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

網易新聞:章瑩穎失蹤74天了,全世界都想找到她

點評:這個有種看電影結合看漫畫的感覺,講了章瑩穎失蹤的前後故事。一個手機長屏下來,滑動到螢幕中間時會有相應的動畫以及聲效。又是網易出品的,真的很服氣。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

in:節氣奇妙物語

點評:這個是橫著屏看。看到最後發現居然是一個插畫徵集&投票活動。是關於節氣主題的插畫。也很特別,喜歡插畫的小夥伴不能錯過。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

QQ:這可能是地球上最美的H5

點評:3D類的翹楚,聲效結合得也特別好。截圖無法展示它的魅力,請點選圖片進入自行體會。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

拉勾:2017拉鉤之夜 邀請函

點評:網際網路行業的邀請函案例,拉鉤出品。適合投資機構或是創業公司借鑑。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

騰訊視訊:聽說你想當明星,我給你找了一套密卷...

點評:騰訊視訊的軟廣,繪畫風格很特別呀。一開始做題目時都沒注意到畫裡的語音是可以點的。也是一種另類的風格。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

網易嚴選聖誕禮集市:相信聖誕老人嗎?

點評:網易嚴選在聖誕節做的活動。你要領取火柴,點燃它,然後手機螢幕一直往下滑,它會照亮經過的地方,最後停在有禮盒的地方,點選開啟,恭喜你,成功領取優惠券啦。不過活動現在已經結束了。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

拉勾:《2017年網際網路職場白皮書》報告發布,跳槽全靠它了!

點評:放一個資料展示類的,畢竟現在大資料還是很火不是麼(我不是投資人,我不知道)。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

雷諾汽車:是誰霸佔了新聞頭條119年之久

點評:雖然是個軟廣,不過展現形式還是蠻特別的。可以看一看。


案例地址:點選檢視


2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)
2017年那些刷屏朋友圈的H5案例們(Top15)

網易雲音樂:2017,我的網易雲音樂聽歌日記

點評:嚴格得說來這個不屬於2017年,因為是2018年1月2日釋出的,只是一出來立刻就刷屏了朋友圈。生成自己的網易雲音樂聽歌日記,不過前提是你有云村的App啊。


案例地址:點選檢視



- END -


西瓜設計研究所

UI素材 | 網站設計 | 開發資源 | 公開課


未經允許請勿轉載,煩請私信作者獲取授權
© 西瓜設計研究所 


相關文章