歡樂谷X網(wǎng)易新聞X第五人格H5:這個游樂場充滿了恐懼,你敢挑戰(zhàn)自己的心跳嗎?

歡樂谷X網(wǎng)易新聞X第五人格:這個游樂場充滿了恐懼,你敢挑戰(zhàn)自己的心跳嗎?

7.jpeg


創(chuàng)意分析:

創(chuàng)意定位 ,這是一個帶有劇情的測試題小游戲,給用戶提供了一次恐怖樂園的體驗,以此測試用戶的心跳指數(shù),繼而引出宣傳內(nèi)容。

 

g1/2018/10/20/1540003293957.jpg


技術(shù)分析:

策劃上,進入H5后,背景音樂和雨夜營造出了一種陰森恐怖的氛圍,用戶作為一個挑戰(zhàn)者,需要在情境中回答測試題,一共有6道題,跟正常的測試題套路一樣,回答完畢后便會出現(xiàn)測試結(jié)果,用戶可以長按保存海報并分享出去。不一樣的是,考慮到這個H5的聲畫效果還是有些恐怖的,為了照顧部分膽小的用戶,測試過程中有個“不玩了,我怕了”的按鈕,點擊后會引導(dǎo)用戶去下一頁“壯膽”?;瑒蛹包c選技術(shù)為主的H5,每一頁場景進入方式還是很有趣的。

 

g1/2018/10/20/1540003315664.jpg


視覺分析:

設(shè)計上,黑暗色系的立體卡通畫風(fēng),背景音樂提升了整個H5的代入感。體驗上,操作流暢,設(shè)計精美,觀感很好,整體節(jié)奏也不錯,嚴格地來看,唯一的遺憾就是題目之間聯(lián)系并不大,缺少了一點闖關(guān)的感覺。

 

 

一點資訊×丁香醫(yī)生;抑郁指數(shù)測試

10.jpeg


創(chuàng)意分析:

創(chuàng)意定位,一點資訊×丁香醫(yī)生出品的測試類H5,測試抑郁指數(shù),進行品牌宣傳。測試題數(shù)量比較多,都是針對日常生活狀態(tài)的題目,用戶帶著好奇心參與測試,體驗感還是不錯的。

 

g1/2018/10/20/1540003339153.jpg


技術(shù)分析:

策劃上,在H5首頁輸入昵稱和性別后,點擊開始,進入抑郁指數(shù)測試。測試題共20道,題目來源于《SDS抑郁自評量表》。測試完成后,生成測試結(jié)果,測試結(jié)果有抑郁指數(shù)和具體分析,下方有緩解抑郁情緒的建議。長按保存測試結(jié)果,圖片附帶回流二維碼,有利于品牌推廣。

 

g1/2018/10/20/1540003358493.jpg


視覺分析:

H5畫面以淺色調(diào)為主,符合性格測試的色調(diào)氣氛。設(shè)計上,漫畫風(fēng)格,背景色調(diào)比較小清新。每一頁答題的動漫都是很生活化的手繪動漫圖,答題者代入感還是很強的。

 

 

淘票票:淘票票帶你去旅行

13.jpeg


創(chuàng)意分析:

創(chuàng)意定位,以國慶節(jié)人山人海不宜出游為切入點,推廣電影購票優(yōu)惠宣傳。整個故事點是借鑒一些經(jīng)典電影的情節(jié)加上最后的小游戲的方式穿插經(jīng)典電影畫面。


g1/2018/10/20/1540003386400.jpg


技術(shù)分析:

策劃步驟:①小人票票在家看電視動畫圖文——景點人山人海,不如來電影世界冒險;②來到電影世界,通過用戶滑動或點擊屏幕,票票在格里菲斯公園的夜色中跳舞,驚險攀登迪拜塔,在紐約帝國大廈頂擊落戰(zhàn)斗機;③測試用戶的電影之旅能走多遠,用戶在10秒內(nèi)點擊屏幕,次數(shù)越多,票票跑得越遠。場景變化均為電影場景,如侏羅紀公園、霍比特人、羅馬假日...停下的場景即為你的旅程終點。最后顯示點擊次數(shù)排名百分比,可點擊再玩一次或分享,另附搶電影票鏈接。

 

g1/2018/10/20/1540003409506.jpg


視覺分析:

交互上,含滑動、點擊兩種,用戶控制人物動作。設(shè)計上,采用手繪動漫風(fēng)格,各大電影場景均為手繪版。體驗上,漫畫風(fēng)的電影場景別有一番風(fēng)味,票票化身電影主角有點萌~


如懿悲慘的一生

讓人心疼,也讓人深思

清宮里無休止的爭斗、算計

映射到現(xiàn)實職場生活

職場賤人到處都是

如何避免任人宰割

絕地反擊還是多想想吧~


微信圖片_20181020104349.gif


看完這周的H5案例

是否有制作一個創(chuàng)意H5的沖動呢

以上H5創(chuàng)意功能

都可在人人秀定制團隊完成哦

點擊下方藍字即刻參與


微信圖片_20181020104349.gif


H5創(chuàng)意定制需求咨詢表單


更多H5案例可在  H5創(chuàng)意匯官網(wǎng)


微信圖片_20181020104404.gif 


更多創(chuàng)意H5解析

請關(guān)注H5創(chuàng)意匯

每周為你解析最熱門H5案例


人人秀原創(chuàng)文章,如若轉(zhuǎn)載請注明出處:http://m.bydok.cn/content-ipl4c3