網易新聞&噠噠 愛的不同定義

開篇先說網易，網易這幾年出的的H5總能給人一種精緻和驚喜的感覺，比如去年刷屏朋友圈的《請選出你的2016年關鍵詞》《二零一六娛樂圈畫傳》等等。其畫質、音樂、交互都讓人耳目一新，而這款《愛的不同定義》又是一款精心之作。

地址：199case.com/caseview.as

1、內容：這是一隻圖文遊戲類型的H5，首頁就給出了遊戲規則，通過任意連接5點回執內心深處的「愛之密語」，五點連接繪製出一副簡筆畫，並且配有暖心的文字。

2、亮點：簡筆線條和紅黑顏色的搭配，使整個畫面顯得簡潔明了。

3、體驗：5點連接出一幅簡筆畫並配有相應文字，這本身就很有吸引力，再加上有多種可能，這就提升了用戶的參與度。

滴滴 情話紅包發給TA

如果明白了愛為何物，是不是可以以字造句，說一兩句情話啊。滴滴這次運用了當下流行的中國詩詞的畫風，選一句情話表達愛。文藝感撲面而來~

"曉看天色暮看去，行也思君，坐也思君「

「聽到一些事，明明不相干的，也會在心中拐好幾個彎想到你」

"你是愛，是暖，是希望，你是人間的四月天」

不得不說，這些句子讀起來真是沁人心脾。春天的桃花鴛鴦圖案、宣紙豎排文字的設計又顯得典雅清新，如果你喜歡的TA也喜愛這種風格，那會是一個不錯的選擇。這個H5的出口是領取並發送情話紅包，也就是領取滴滴的出行紅包同時把情話發給好友。不過按筆者說，這滴滴年年的紅包都是出行優惠券，敢不敢來點真的！

地址：199case.com/caseview.as

SIGMA 情人節狗糧生成器

你們這既是詩詞歌賦的，又是各種愛心圖案，放過我們吧，不要再來虐狗了！汪汪汪，狗糧生成器，幹了這碗狗糧！

1、內容：這是一隻圖文展示類型的H5，首頁就給出了H5的主題——狗糧生成器，點擊生成狗糧會生成配有相應文字和團的狗糧，可以點擊重新生成進行再次體驗，也可以點擊作為禮物送給TA進行分享。

2、亮點：畫風和漫畫人物的設計使這隻H5充滿魔性。

3、體驗：體驗過程非常短但是卻刺痛我等單身狗的心，生成的狗糧也是夠污夠黃的。

地址：http://www.199case.com/caseview.aspx?id=1434

百度 同學,有人塞給你一張小紙條

區別於網易、滴滴這兩兄弟在聊愛情，也沒有自嘲賣狗糧，百度這次可是玩了一個180度大轉彎，畫風突變。

場景上，避開明面上的情話不談，暗戀男神女神的你，還記得當年的小紙條嗎？ 「同學，你的小紙條掉了」這個場景的植入，把人們一下子拽到青澀的校園時代，代入感十分強烈，在滿屏秀恩愛擋都擋不住的刀光劍雨中猶如一股清風，哎呀，迫不及待地打開看看是什麼。

1、內容：這隻H5以圖文的形式展開，首頁是一張遞紙條的手和手紙條的手構成，划動合攏雙手，進入下一屏，點擊下方打開紙條查看內容，每個紙條下方都會給出解題思路，點擊即可查看，查看完以後會收到新的紙條，所有紙條觀看完以後，來到最後一屏，這一頁面的文字說出了此次活動的主辦方——百度搜索，用人工智慧助攻表白，頁面下方有兩個按鈕，點擊「用臉撩開啟桃花運」進入百度活動頁面，點擊「把小紙條傳遞個TA」進行分享。

2、亮點：手繪插畫、經典表白案例、背景音樂、動畫設計，生動形象的展現了H5的主題。

3、體驗：引用經典表白案例，使整個觀看體驗的過程充滿趣味性。

地址：http://www.199case.com/caseview.aspx?id=1333

搜狐新聞:2月14日！單身汪VS情侶喵大作戰

1、內容：畫面的一開始是分開兩種的對戰模式，藍色這邊是「拆散那些小情侶」，粉紅色那邊是「虐死那些單身狗」一藍一粉形成對比。兩種任意點開一種就會進入到相關的對戰模式，點擊繼續再到開始，在10秒內點擊畫面上的情侶，結束後可看到自己相應的分數。

2、亮點：畫面採用淡藍色與粉紅色作為背景，清新淡雅，人物也很可愛，遊戲的內容很能體現出人們在情人節那天單身狗與情侶之間的CP。

3、體驗：一進入到H5就能聽到激動可愛的背景音樂，帶動了整個遊戲的氛圍。

地址：199case.com/caseview.as

寫在最後

總結以上H5,我們可以得到一些規律性的h5設計方案

1）探究主題的來源、歷史、發掘一些有趣的故事或者用有趣新穎的元素搭配主題，比如，網易的「愛的不同定義」

2）結合物質激勵或者精神激勵思考H5的傳播和呈現形式，比如，滴滴的「情話紅包發給TA」

3）從主題反面著手，思考差異化表達，比如「情人節狗糧生成器」

4）找到主題的共鳴點，利用回憶、暢享未來等形式情感化抒發主旨，比如百度的「同學，有人塞給你一張小紙條」

5）綜合主題的多面性，通過話題分歧引出多方的討論PK。

作者：staryan先生

案例整理：199case.com


推薦閱讀：
相关文章