福利 | 天氣轉(zhuǎn)涼，送你一個暖男型男朋友...

2018-11-03 H5案例

今日霜降，即將進(jìn)入寒冬模式

雙十一購物車?yán)镉袥]有暖寶寶這一項

冬天這么冷總得備著呀

畢竟你還是只單身汪~

哈哈哈~

實在不行也可以找身邊的暖男暖女

找他們溫暖一下，熬過這個冬天

當(dāng)然了暖不暖還得先測試一下

今天以測試你是哪種暖男

開始今天的H5案例分析

還有測試你適合哪種暖男哦~

京東x奧克斯空調(diào)：天氣漸涼，街上擦肩而過的，都是哪種暖男？

創(chuàng)意分析：

創(chuàng)意定位，天氣漸涼，這支H5將“暖男”與物理上的“暖”相結(jié)合，推廣品牌商品。男女生分角度分析，男生的角度是你是什么類型的暖男，女生是你適合什么類型的暖男。通過代入感的答題方式，結(jié)果生成適合你的品牌產(chǎn)品，還是很貼心的。

技術(shù)分析：

策劃上，通過答題+長圖的方式，測試“你是什么類型的暖男”或者“你適合什么類型的暖男”。①進(jìn)入H5之后，先選擇男女，男性選擇“測測你是哪款暖男”，女性可以選擇“測測你適合哪款暖男”。②選擇之后，進(jìn)入答題測試頁面。整個答題頁面是一張長圖，長圖的主要內(nèi)容是街道及兩邊景色。③根據(jù)用戶選擇的性別，會有一個相應(yīng)的人物形象走在街道上，沒走到一個場景，會有與該場景相關(guān)的問題彈出。④用戶答完所有問題后，出現(xiàn)測試結(jié)果。根據(jù)測試結(jié)果，H5會為用戶推薦相關(guān)的奧克斯空調(diào)機(jī)型。用戶長按可以保存測試結(jié)果頁面，也可以分享給朋友或者直接進(jìn)入購買頁面。

視覺分析：

色調(diào)上以暖色調(diào)為主，對應(yīng)主題。設(shè)計上，長圖采用卡通手繪風(fēng)格，十分有質(zhì)感。人物沿著街道出現(xiàn)問題，對應(yīng)問題的卡通人物圖片也與問題相呼應(yīng)。答題測試型H5，問題都是比較新穎。

網(wǎng)易考拉X我就是演員：

5道題揭秘你的真實職場人格

創(chuàng)意分析：

由熱播綜藝引出測試主題——職場人格測試，通過面試中可能遇到問題測試用戶的職場人格，并且用出品公司作為測試題的面試情景，以此達(dá)到宣傳目的。角色分為男生和女生，相同的場景測試，每一個問題都細(xì)節(jié)化，最后生成的性格分析描述的還是很詳細(xì)的。

技術(shù)分析：

與實景視頻結(jié)合的情景答題形式，整個答題過程中題目是連貫的，按照一個面試的過程來植入測試題，這道題選擇完畢后便會繼續(xù)播放視頻內(nèi)容，直至下一題。視頻答題交互的方式，很有代入感，最后生成的性格海報加上品牌活動的優(yōu)惠券，還是很吸引人的。

視覺分析：

簡約的性冷淡風(fēng)格，灰色為主色調(diào)，整個頁面非常高級且正式。整體的形式很棒，測試題是一個連貫的情景，代入感很強(qiáng)，頁面的設(shè)計和視頻部分的畫質(zhì)都很好，使整個作品顯得很高級。

自如：自如生活節(jié)，約你花式發(fā)光

創(chuàng)意分析：

策劃上，以“反轉(zhuǎn)人生”為出發(fā)點，如果，你可以擁有你想擁有的東西，或者生活方式，當(dāng)你真的擁有了，是否如你想的那么美好嘛。在這支H5中，做了6種如果，如果你想擁有茂密的頭發(fā)，如果你想整體無所事事，如果你想過上天天數(shù)錢的日子，如果你想成為一名有格調(diào)的藝術(shù)家，如果你可以去騎行看看外面的世界，如果你可以不問世事隱居室外，最后給出與其幻想未來，尋找自己的發(fā)光點。結(jié)尾給出6個人物角色，點擊人物以后，生成一張人物的海報。

技術(shù)分析：

設(shè)計上，扁平顆粒度風(fēng)格，插畫人物和景物。技術(shù)上，pixi進(jìn)行景物和人物的繪制，配合Tween.js實現(xiàn)動畫效果。

視覺分析：

色調(diào)上顏色比較豐富，手繪動漫風(fēng)格，整個滑動動漫劇情效果還是很逗趣的。體驗上，鎖屏橫屏觀看，不斷向右側(cè)滑動瀏覽更多內(nèi)容。案例整體節(jié)奏不錯。

天貓：我在這里遇見了十年后的自己

創(chuàng)意分析：

由一輛時光列車為由頭，帶著用戶前往4個明星的時光空間，并由明星的時光空間引出一個問題，用戶需要回答問題結(jié)束旅程抵達(dá)未來，在終點站會有關(guān)于十年后你的描述。

技術(shù)分析：

由時光列車串聯(lián)了4個明星的時光空間，在那里明星會說一件自己十年來堅持的事情，之后便由此向用戶提出一個問題，增加用戶的帶入感。在用戶穿梭完畢所有的時光空間后，便將抵達(dá)十年后的終點站，在終點站，H5根據(jù)用戶的答題結(jié)果，會給用戶匹配一段對用戶十年后的描述，用戶可以保存分享。3D車廂、3D的時光空間，整各時光之旅的真實性很高，代入感也很強(qiáng)。列車行進(jìn)的過程中，窗外的景色和光影效果都做的十分精致。