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

美圖秀秀：妙啊！史上最奇妙的聖誕祝福

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

案例地址：http://h5.meitu.com/xiu_xmas

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

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

案例地址：https://promotion.sandload.cn/StarBuck1221/index.html

淘寶：飛越淘寶奇市，造物節7月江湖見

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

案例地址：https://g.alicdn.com/fdilab/flyover-taobao-online-wx/index.html

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

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

案例地址：http://ent.163.com/special/entphotos2017

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

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

案例地址：http://qipai.qq.com/cp/a20171217zhiai/index.html

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

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

案例地址：http://static.thefair.net.cn/prince/index.html

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

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

案例地址：http://news.163.com/special/fdh5_zhangyy

in：節氣奇妙物語

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

案例地址：https://h5.in66.com/inpromo/2017/egret/season/index.html

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

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

案例地址：https://wa.qq.com/xplan/earth/index.html?_wv=1

拉勾：2017拉鉤之夜 邀請函

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

案例地址：https://activity.lagou.com/activity/dist/lagou-night-2017/h5/m_index.html

騰訊視訊：聽說你想當明星，我給你找了一套密卷…

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

案例地址：https://h5.juecn.cn/txgk/index.php

網易嚴選聖誕禮集市：相信聖誕老人嗎？

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

案例地址：http://you.163.com/act/pub/JrmkoK3xs8.html

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

點評：放一個資料展示類的，畢竟現在大資料還是很火不是麼（我不是投資人，我不知道）。

案例地址：https://activity.lagou.com/activity/dist/2017-summary/m_index.html

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

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

案例地址：http://www.dongfeng-renault.net/2017speedlegendH5/index.html

網易雲音樂：2017，我的網易雲音樂聽歌日記

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

案例地址：http://music.163.com/nact/year2017_30

–  END – 

西瓜設計研究所

網際網路創業 | UI設計 | 開發資源 | 公開課

未經允許請勿轉載，煩請私信作者獲取授權

© 西瓜設計研究所