廣發(fā)信用卡H5：在這個(gè)看臉的世界，你究竟屬于哪一種臉呢？

2018-09-18 H5案例 H5分析創(chuàng)意H5

廣發(fā)信用卡：在這個(gè)看臉的世界，你究竟屬于哪一種臉呢？

創(chuàng)意分析：

創(chuàng)意定位，廣發(fā)銀行推出的測(cè)試類(lèi)H5，通過(guò)人臉識(shí)別顏值測(cè)試宣傳產(chǎn)品和廣發(fā)APP。

g1/2018/09/18/1537235461748.jpg

技術(shù)分析：

策劃上，進(jìn)入首頁(yè)后，在輸入姓名框內(nèi)輸入姓名后，點(diǎn)擊“拍照識(shí)別”，可選擇拍照或從手機(jī)文件中選取照片，系統(tǒng)上傳后，開(kāi)始研究分析，分析下方滾動(dòng)掃描結(jié)果，最后生成研究報(bào)告，長(zhǎng)按即可保存報(bào)告。

g1/2018/09/18/1537235484388.jpg

視覺(jué)分析：

設(shè)計(jì)上，頁(yè)面設(shè)計(jì)為深藍(lán)色的科技風(fēng)，十分炫酷。體驗(yàn)上，操作流暢，測(cè)試十分準(zhǔn)確。

一汽大眾X網(wǎng)易新聞：讓你一秒變有面兒

創(chuàng)意分析：

創(chuàng)意定位，將人生比喻成一次地鐵出行，每一站都是人生的一個(gè)階段。通過(guò)滑動(dòng)屏幕，來(lái)延伸故事線(xiàn)，走過(guò)每一段人生，人生比喻成一段旅程還是很走心的。

g1/2018/09/18/1537235516351.jpg

技術(shù)分析：

策劃上，操作手法是滑動(dòng)屏幕，一圖到底的形式；H5主人公進(jìn)入地鐵后，先后經(jīng)歷了“轉(zhuǎn)眼畢業(yè)站”、“一往職前”、“組建家庭”、“猝不及房”、“禿然發(fā)現(xiàn)”等五站，形象的展現(xiàn)了人生需要經(jīng)歷的各個(gè)階段；之后主人公走出地鐵，經(jīng)過(guò)滿(mǎn)是有面兒生活的廣告牌，進(jìn)入品牌轎車(chē)開(kāi)啟了有面兒生活。

g1/2018/09/18/1537235540781.jpg

視覺(jué)分析：

設(shè)計(jì)上，手繪漫畫(huà)風(fēng)格，頁(yè)面上的細(xì)節(jié)很用心：每一節(jié)車(chē)廂門(mén)都根據(jù)不同的階段配有相關(guān)文案，不同的車(chē)廂窗外都有不同的風(fēng)景。體驗(yàn)上，整體操作流暢，一氣呵成，但不同車(chē)廂之間的配樂(lè)銜接有些出戲，如果滑動(dòng)的速度太快還會(huì)導(dǎo)致音頻重疊。

作業(yè)幫：完美老師生成器

創(chuàng)意分析：

創(chuàng)意定位，以測(cè)試題的形式，測(cè)試出最適合用戶(hù)的“完美老師”，并以此引出宣傳主題。前部分通過(guò)角色定位分析，來(lái)確定你的性格方向，再進(jìn)行分析出你的完美老師。

g1/2018/09/18/1537235581507.jpg

技術(shù)分析：

策劃上，這是一個(gè)測(cè)試小游戲，用戶(hù)進(jìn)入后需要先選擇性別，然后進(jìn)行答題部分。一共3道題，題目設(shè)置的內(nèi)容與學(xué)生相關(guān)，題目回答完畢后會(huì)自動(dòng)匹配出一個(gè)對(duì)用戶(hù)胃口的老師形象，這位“完美老師”會(huì)面對(duì)面的與用戶(hù)交流，并分析其性格特點(diǎn)。最后以人物介紹卡的形式呈現(xiàn)用戶(hù)的完美老師形象。

視覺(jué)分析：

設(shè)計(jì)上，偏二次元清新的動(dòng)漫風(fēng)格，符合很多學(xué)生的喜好。體驗(yàn)上，整體的風(fēng)格有些像前段時(shí)間大火的“戀與制作人”，整體節(jié)奏把握的還不錯(cuò)，測(cè)試題簡(jiǎn)短，著重點(diǎn)在后面完美老師的視頻展現(xiàn)，但最后一題答完后會(huì)稍有卡頓。

微信圖片_20180918095350.gif