途家：老板在群里@了你

2017-11-01 群聊H5 H5制作 H5平臺(tái) 微信h5 戲精模擬群聊 H5案例

親愛(ài)的客棧

青春旅社

這兩檔綜藝節(jié)目

讓小編原本就騷動(dòng)的內(nèi)心

更加的難以平靜

詩(shī)和遠(yuǎn)方

可望而不可即的夢(mèng)還沒(méi)有時(shí)間

又被里面的民宿安利到無(wú)心工作想拼命賺錢(qián)

這周熱門(mén)的H5要首推的就是這個(gè)

因?yàn)槲艺娴南胗盟ㄒ婚g民宿

來(lái)一場(chǎng)說(shuō)走就走的旅行

途家：老板在群里@了你

途家老板@你案例樣式.jpg

創(chuàng)意分析

這是途家出品的一支宣傳類(lèi)H5，模仿了前段時(shí)間比較火的“戲精”群聊H5的形式，但是創(chuàng)意之處有在于它并沒(méi)有那么做，而是選擇把群聊直接搬到H5頁(yè)面當(dāng)中而非采用錄屏的形式，模擬的畫(huà)面設(shè)計(jì)跟整支H5的畫(huà)風(fēng)比較吻合，不會(huì)讓用戶(hù)跳戲，非常有意思，用動(dòng)畫(huà)和一些交互設(shè)計(jì)就實(shí)現(xiàn)了“戲精”的夢(mèng)。

3+4.jpg

技術(shù)分析

首先進(jìn)入頁(yè)面看到的是女主人公騎車(chē)回家下班后的場(chǎng)景，然后收到群聊消息，原來(lái)是老板在@女主。然后開(kāi)始模擬微信群聊，只不過(guò)是采用動(dòng)畫(huà)的形式而已，群里在套路團(tuán)建的去處，群成員一番套路之后，頁(yè)面提示用戶(hù)選擇以幫助進(jìn)行女主回答，先討論去處，然后是住宿風(fēng)格，最后插播“途家”的廣告，可以說(shuō)是自然無(wú)縫銜接了！

5+6.jpg

視覺(jué)分析

視覺(jué)設(shè)計(jì)上真的是非常小清新，手繪漫畫(huà)的風(fēng)格設(shè)計(jì)，淡綠色的背景，群聊人物頭像都設(shè)計(jì)的那么貼近真實(shí)人物，加上精彩有趣的對(duì)話(huà)，讓用戶(hù)像看故事一樣體驗(yàn)品牌所要傳達(dá)的主張，時(shí)不時(shí)的讓用戶(hù)參與一下替女主討論，交互設(shè)計(jì)體驗(yàn)很棒。

7+8.jpg