為什麼這類H5總能刷屏?

為什麼這類H5總能刷屏?

自從今年年初的《汪年全家福》刷屏之後,DIY裝扮類H5就一直熱度不減。

今天,鼓仔就給大家來盤點下近期DIY裝扮類H5的優秀案例,以及為什麼這類H5能一直霸屏。

案例1:《睡姿大比拼》

出品方:網易x噠噠

技術實現: zepto + iscroll

亮點:

1、體驗:用戶操作難度低且自由度極高,除了房間的陳設、床上的用品、人物的性別、穿著、表情可以隨意更改外,還可以實現人物身體360度翻轉,四肢隨意擺動的效果。無背景音樂,避免了在辦公室打開時打破安靜的尷尬。生成海報時,再給每個睡姿配上一句如段子般的「失眠」神文案,簡直不要太戳心!

2、策劃:好看的皮囊千篇一律,有趣的睡姿萬里挑一。當焦慮成為年輕人的日常時,睡眠就成了暫時從生活中脫離的外太空。網易這款升級版DIY遊戲,極大程度滿足了年輕用戶的個性化需求,搭配上幽默犀利的文案,讓用戶實實在在跟著網易爸爸放肆Play了一把。H5的名字經過了一番考量,「睡姿」象徵著私密性的暗示,「比拼」代表著玩法,潛意識裡引導用戶將遊戲結果分享出去,並邀請朋友一起來較量一番。

3、設計:清新可愛的插畫風設計,為睡不夠的年輕人,營造出十分溫馨舒適的理想睡眠環境,治癒力十足。5年高考3年模擬、揉成一團的紙巾、水漬等單品設計槽點滿滿。

體驗地址:睡姿大比拼

案例2:《我的工位,桌上有刀,桌下有貓》

出品方:網易雲課堂

技術實現: zepto + iscroll

亮點:

1、體驗:讓用戶根據場景定製私人工位,通過社交互動曬出個人書桌。用戶從6個分類中挑選道具,組合成自己的專屬工位。道具可進行縮放、移動操作,且不限制數量。操作流暢,道具品類豐富好玩。

2、策劃:工位是年輕人一天中趴著時間最久的桌子,工位的模樣最能反映我們的工作狀態,因此網易抓住了年輕人對工位的個性化表達需求。《我的工位,桌上有刀,桌下有貓》的名字也契合當下的兩大熱點:改需求和貓,光是看標題,就點擊欲爆棚。

3、設計:清新可愛的插畫風格,設計師的菜刀、乙方一稿過方案的對聯、設計師改稿改八次等道具,趣味性十足。

體驗地址:我的工位,桌上有刀,桌下有貓

案例3:《我的草莓音樂節專屬海報》

出品方:草莓音樂節

技術實現:jQuery

亮點:

1、體驗:通過DIY用戶的髮型、上裝、下裝、鞋和配飾,選擇背景。除了生成專屬海報,還可生成頭像。每個項目可選品類多,最大化滿足用戶的個性化需求。

2、策劃:受眾定位非常清晰,即:喜歡音樂節文化的潮酷人群。這樣的H5,一方面彰顯用戶的個性裝扮,幫助用戶傳達出:「我要參加草莓音樂節,有約的嗎」的信息,另一方面,達到用戶自傳播帶動品牌流量的效應,可謂是一舉兩得。

3、設計:活潑鮮明的卡通撞色設計,生動可愛又潮酷感十足,契合品牌形象。

體驗地址:我的草莓音樂節專屬海報

案例4:《製作你的SOCIAL名片》

品牌方:貓眼電影

技術實現:jQuery

亮點:

1、體驗:填寫姓名,選擇性別後,進入下一頁,引導用戶選擇形象和背景,形象生成後,即進入選擇標籤環節,分為「超能力」、「沒腦洞」、「新職人」以及「小怪癖」4種,選擇完成後,即可生成自己的專屬名片。

2、策劃:作為社會人,怎麼可以沒有自己的社交名片? 貓眼電影以「名片」——這個日常生活中職場人士都會用到的東西為題,吸引用戶點擊參與。豐富到超乎想像的社會標籤,大大增強了名片的細緻性和趣味性,讓用戶忍不住分享,讓文案忍不住拿小本子記下這些精準到位的標籤。

3、設計:清新萌系的插畫風格,可愛的二次元人物設計,腦洞大開的人物形象,豐富的社會人標籤,趣味十足。

體驗地址:製作你的SOCIAL名片

都說用戶像渣男,對熱點的興趣十分短暫。那為什麼DIY類H5可以一而再地刷爆朋友圈?在鼓仔看來,主要有2個原因:

1.社交性的強關聯:微信作為H5的傳播載體,本身所承載的最大功能就是社交,而人們在使用微信時,優先順序也會放在社交之上,就像是我們看微信圖文,評論往往比正文還要吸引人。

在這個前提下,有社交性的H5,在傳播性上一定要強於那些擁護炫酷效果和講故事的H5,因為,人們最關心的永遠不是別人,他們最關心的永遠是別人眼裡的自己。炫酷的效果可能會過時,故事看過就不會再點開,但展示自我的內容永遠值得回味。自己參與生成的效果,不僅花費了時間心思,還展示了自我,傳播出去不僅有存在感,還有滿足感。

2、場景道具的有趣性:社交性是吸引用戶點擊的心理套路,但是,如何讓用戶在認清套路後還自覺轉發,就得靠內容的有趣性了。例如,《睡姿大比拼》中的「5年高考3年模擬」、「揉皺的紙巾」、《我的工位,桌上有刀,桌下有貓》中的「設計師的菜刀」、「一稿過的對聯」、《製作你的SOCIAL名片》中類型細緻豐富的標籤等,都是促使用戶花時間精力去探索、去研究的有趣內容。

如果你想製作刷屏的爆款H5,那麼,就不妨試試社交性+有趣性相結合的DIY類H5吧!

推薦閱讀:

南京大屠殺紀念海報刷屏 | 刷屏廣告文案系列
重點是新世相刷屏了!
為什麼刷屏就會掉粉?
「網易雲課堂」的海報為什麼會刷屏?到底違規嗎?
關於網易10萬+課程迅速刷屏又迅速被封的思考

TAG:H5案例 | 刷屏 | 網易 |