天貓超市：過(guò)年別硬撐著了

2018-02-10 h5案例 h5制作 h5平臺(tái) 熱門H5 微信h5 刷屏H5 精品h5

天貓超市：過(guò)年別硬撐著了

天貓過(guò)年別硬撐案例.jpg

創(chuàng)意分析

這是一款天貓為宣傳其天貓超市年貨節(jié)而出的一支宣傳H5。創(chuàng)意上才有過(guò)年比較熱門的話題作為切入點(diǎn)，女主過(guò)年回家面臨爸媽催婚、親戚各種嘮叨以及麻煩的熊孩子等等帶有普遍性的話題，比較能夠引起大眾共鳴，利于傳播。而且按住屏幕切換面對(duì)這些場(chǎng)景的應(yīng)對(duì)面孔，還是比較有趣的。

3+4.jpg

技術(shù)分析

這支H5主要采用了視頻技術(shù)。其實(shí)這支H5在Loading頁(yè)的時(shí)候就比較有趣了，分別乘坐了飛機(jī)、火車、汽車、摩托車和三輪車這五類交通工具然后Loading結(jié)束，女主到家。進(jìn)入一段視頻，內(nèi)容是女主遇到家中一眾親戚的提問(wèn)，“有對(duì)象沒(méi)？”、“買房了嗎？”、“工作怎么樣？”還有對(duì)相親、熊孩子、閨蜜炫耀等各種場(chǎng)景焦頭爛額；選擇長(zhǎng)按屏幕，進(jìn)入另一種性格，面對(duì)各種場(chǎng)景各種diss、各種懟。其實(shí)切換的面孔小編還是挺喜歡的，不然過(guò)年好不容易幾天休假，沒(méi)有了工作的煩惱還要被其他事繼續(xù)打擾。

5+6.jpg

設(shè)計(jì)分析

設(shè)計(jì)上，采用了動(dòng)畫風(fēng)格，展現(xiàn)了很多生活中的場(chǎng)景，比較貼近生活，容易引發(fā)共鳴，rap的形式又很時(shí)尚，交互上，按住屏幕切換到不同的視頻播放畫面，有趣好玩，體驗(yàn)效果也比較好。當(dāng)播放時(shí)，默認(rèn)為固定的預(yù)設(shè)畫面，當(dāng)按住屏幕，修改video標(biāo)簽的定位，播放另一部分視頻內(nèi)容，從而達(dá)到換一幅面孔的效果。

7+8.jpg