想知道你多少歲退休么?解鎖這這篇H5!

2018-08-03 H5分析 H5案例熱門H5

最近微博“錄取通知書是假的”話題

引起大家的專注，最近是各位準(zhǔn)大學(xué)生

收到通知書，曬錄取通知書的時(shí)候

我也是第一看到清華大學(xué)的錄取通知書

還是立體的，不愧是名校

不知道大家還記得
自己的大學(xué)錄取通知書什么樣子么

江蘇衛(wèi)視給你寄出了一份錄取通知書

趕快拆開看看吧

江蘇衛(wèi)視：請查收，你的錄取通知書

創(chuàng)意分析：

創(chuàng)意定位，現(xiàn)在正是各個(gè)大學(xué)的招生階段，高考考生陸續(xù)收到了錄取通知書，此H5以錄取通知書為切入點(diǎn)，通過答題的方式，讓用戶參與人生的考場，從而給用戶發(fā)布一個(gè)社會大學(xué)的錄取通知書，并以此宣傳電視節(jié)目知識就是力量。

g1/2018/08/03/1533286935267.jpg

技術(shù)分析：

整體采用粉紫調(diào)的扁平設(shè)計(jì)風(fēng)格。在題目的設(shè)計(jì)上，選項(xiàng)的選擇形式會有變化，避免了問答題中普遍存在的因“重復(fù)交互”而產(chǎn)生的乏味感。此外，最后生成的錄取通知書還配有音頻播報(bào)，很有意思。

g1/2018/08/03/1533286953537.jpg

視覺分析：

暗色調(diào)的背景圖，根據(jù)每個(gè)答題設(shè)計(jì)的場景式圖片。采用情景答題的方式，每道測試題都配有相應(yīng)的插圖或動圖，通過用戶選擇的答案為其定制錄取通知書。

FESCO:解鎖你的退休年齡

創(chuàng)意分析：

創(chuàng)意定位，通過針對職場工作生活的測試題，測試出用戶的退休年齡。策劃上，采用情景問答的形式，首先輸入職場姓名，第一次玩這支H5時(shí)，還會有一個(gè)引導(dǎo)，一共6個(gè)問題。針對每一個(gè)問題都會有對應(yīng)的場景，點(diǎn)擊下面的答案物品，而后將答案物品拖拽到指定的位置。此外，每道題之間都是根據(jù)鐘表的時(shí)間來串起來的，過渡自然。最后根據(jù)6個(gè)問題的回答，給出你的退休年齡的海報(bào)，可以長按保存圖片，分享朋友圈。

g1/2018/08/03/1533286980595.jpg

技術(shù)分析：

設(shè)計(jì)上，采用色彩豐富的手繪漫畫風(fēng)格，整體畫風(fēng)溫馨可愛。選擇答案時(shí)需要把相應(yīng)的答案拖去指定的位置，操作有些不便，因此答題的節(jié)奏稍微慢了點(diǎn)。

g1/2018/08/03/1533287173437.jpg

視覺分析：

整個(gè)H5以暖色調(diào)為主，藍(lán)色凸出，以整個(gè)日常生活的鏡頭角度考量你的性格，加上背景音樂更加貼近生活，給人一種溫暖的感覺！

廣汽三菱：噓，爸爸，我想偷偷跟你說

g1/2018/08/03/1533287197721.jpg

創(chuàng)意分析：

創(chuàng)意定位，以孩子的視角，講述父母忙于工作而缺乏對孩子的陪伴，從而引出希望爸爸媽媽配孩子看星星的邀請，并以此宣傳自家品牌推出的親子活動。

g1/2018/08/03/1533287210788.jpg

技術(shù)分析：

策劃上，全篇使用點(diǎn)擊翻頁的形式，音畫同步，娓娓道來，引人深思。設(shè)計(jì)上，采用手繪卡通的形式，整體顏色偏藍(lán)紫色，呼應(yīng)看星星的主題。

g1/2018/08/03/1533287229396.jpg

視覺分析：

整個(gè)H5以紫色為主色調(diào)，配以深藍(lán)色為夜晚背景，增加了對于夜晚主題的視覺感。通過指引點(diǎn)擊相對應(yīng)的頁面，配以配音解說，以及相對應(yīng)的圖片背景，整個(gè)H5還是很有教育意義的，看完很有感觸！

王老吉：我的解暑裝備

創(chuàng)意分析：

創(chuàng)意定位，王老吉推出的關(guān)于成立“高溫關(guān)愛日”的推廣H5?；谝环輵敉飧邷毓ぷ髡叩恼{(diào)查，和停電后選擇解暑裝備，提出關(guān)愛高溫工作者的公益宣傳。

g1/2018/08/03/1533287354144.jpg

技術(shù)分析：

策劃上，主題為:定制你的高溫解暑裝備為戶外工作者送清涼。策劃步驟，①自動播放一個(gè)夏日停電場景的小動畫，可點(diǎn)擊右下方按鈕跳過；②場景DIY，用戶點(diǎn)擊下方任務(wù)、場景、物理降溫裝備等5種搭配可生成形象。配飾與人物均可調(diào)整大小與角度。另外，點(diǎn)擊右上角“戳這里”可查看“2018戶外勞動者調(diào)查報(bào)告”。以用戶的解暑裝備為體驗(yàn)點(diǎn)，宣傳“關(guān)愛高溫工作者”，引發(fā)用戶強(qiáng)烈共鳴。

g1/2018/08/03/1533287438278.jpg

視覺分析：

體驗(yàn)上，開頭動畫生動有趣，手繪動漫風(fēng)格元素輕松幽默。王老吉的高溫工作調(diào)研報(bào)告送清涼，提倡“高溫關(guān)愛日”，真是很用心了!可以的話，一起為高溫工作者送上清涼吧!

餓了么：吃貨之歌

創(chuàng)意分析：

創(chuàng)意策劃，用自身品牌結(jié)合最近大火的嘻哈曲風(fēng)，選擇相應(yīng)的吃食物聲音生成一首吃貨之歌，十分有新意。策劃上，進(jìn)入H5后，用戶需要輸入昵稱、選擇自己喜歡的人物風(fēng)格，然后跟著節(jié)奏把食物與節(jié)奏點(diǎn)匹配，H5會根據(jù)用戶的匹配來即時(shí)生成rap。

g1/2018/08/03/1533287466425.jpg