公益這個詞在近幾年的中國社會里，可以說是非常地流行了，而很多商家也是看準了這一點，才會推出各種公益類H5案例。而下面我們就來一起欣賞一下公益類H5案例又有哪些特點吧！

案例：生命無價 拒絕酒駕

品牌：廣東交警+滴滴代駕

廣東交警聯合滴滴代駕推出的#拒絕酒駕行動#主題公益H5。通過分析車禍曲折線路，好似游走在畫布上的線條，用“油畫”作喻，引入交互和對案情的報道，最后露出主題：拒絕酒駕行動。生命無價，不要在“天價”油畫上添上自己的一筆。

① Loading時，彈出“地理定位”授權提醒；

② 加載完畢，出現一幅油畫：國內某油畫市場估值“天價”，你能看懂嗎？點擊“點擊查看”按鈕后，進入過渡視頻。

③ 過渡視頻：一輛輛酒駕后發生車禍的汽車最后畫出的線路，好似“油畫”上的蜿蜒的線條。視頻設置了“跳過”按鈕。播放完畢，露出文案頁。

④ 文案頁：還原酒駕事故的每一條行車路線，都是一條生命線。生命無價。進入交互頁。

⑤ 交互頁有蒙層引導，一個“點擊查看”小手圖標引導用戶，可以點擊畫布上的九個案例氣泡，點擊后彈出案例詳情頁。

⑥ 案例詳情頁：案例發生時間、城市、司機檢測出的酒精含量、造成的損失。底部有“酒駕成本”和“發起行動 拒絕酒駕”兩個按鈕。

⑦ 點擊“酒駕成本”按鈕，彈出酒駕成本常識頁面。

⑧ 點擊“發起行動 拒絕酒駕”按鈕，生成活動海報。海報包含“車跡油畫”、活動主題和回流二維碼。

1.設計及交互

用車禍的行車路線與油畫的線條捆綁，用藝術與美把你拉入到生活的美好中，引發共鳴，又用車禍這種慘痛的事實，炸開內心的波瀾。用油畫作為背景，用酒駕的車輛的線路作為油畫上的線條，在超現實的藝術上，讓你感受到痛和惋惜，從而引發震驚和警醒。

2.體驗上

小五體驗完，覺得這個案例中的每一個字，都需要讀懂，弄明白。然后，身體力行，從自己做起，然后再影響身邊的1個朋友。喬布斯說：人們都想去天堂，但誰都不愿意死。問問身邊的朋友，誰愿意用生命，在這張油畫布上畫上一筆？如果不愿意，就#拒絕酒駕#。

通過上述內容的解析，我們看到公益類H5案例主要是從反映社會現狀出發，并通過一些畫面來警示大家，從整體內容來看，這款H5案例有有很好的推廣價值，而且更能引起用戶的共鳴，從而受到更多人群的關注。如果你也想這類觸動人心的H5案例，就請來藍橙互動的官網，瀏覽我們的H5案例中心，并告訴我們你的需求是什么，我們將會根據你的需求來做H5定制設計。