品牌貓頭海報(bào)，是每年雙11的保留節(jié)目

而雙11頁(yè)面賞析，是每年杰視幫的保留節(jié)目~

如今又到了一年一度的雙11

讓我們來看看今年，都有哪些有意思的作品~

在開始欣賞前，我們先解決一個(gè)問題。

看過我們之前賞析帖的同學(xué)，應(yīng)該還記得，每次發(fā)布此類帖子，留言都是一片吐槽：

1.自嗨~

2.華而不實(shí)~

3.做這么好看有什么用？

4.到頭來還是自己卷自己~

其實(shí)我們不用這么草率的下決斷，我們可以思考下，既然市場(chǎng)存在與我觀點(diǎn)不同的結(jié)果，是否證明了我的觀點(diǎn)存在局限性？

正如我們之前帖子說過的，之所以會(huì)出現(xiàn)運(yùn)營(yíng)和設(shè)計(jì)師掰扯的笑話，是因?yàn)榇蠹仪腥脒@個(gè)話題的身份角色不同，考量的維度自然也不一樣。

所以這些店鋪這樣做，在運(yùn)營(yíng)角度/代運(yùn)營(yíng)角度、公司品牌角度、市場(chǎng)部角度、平臺(tái)角度等等，它們各自的考量點(diǎn)是什么？這才是值得我們?nèi)ニ伎嫉牡胤健?/span>

好啦~ 回歸正題，今天小編給大家扒了一些不錯(cuò)的店鋪雙11預(yù)售頁(yè)（甚至可以說就是正式頁(yè)）分享給大家，這波作品主要分為兩大類：

一類是設(shè)計(jì)趨勢(shì)，希望能透過趨勢(shì)讓我們學(xué)到點(diǎn)什么；

一類是純粹好看，畢竟設(shè)計(jì)師嘛~ 看看別人都是怎么炫技的，飽飽眼福~

當(dāng)然，學(xué)習(xí)還是要有目的性的~??

讓我們帶著下面這些問題，來欣賞作品：

1.通過這些作品，我能學(xué)到什么？

2.有哪些新啟發(fā)？未來會(huì)朝著什么方向演變？

3.不同類目都是怎么玩的？它們的設(shè)計(jì)風(fēng)格有什么不同？

4.不同的功能板塊，別人都是怎么設(shè)計(jì)的？有什么我能借鑒的？

那么，就讓我們帶著思考，一起往下看吧~

如果你經(jīng)常逛淘寶的話，能明顯看到，店鋪動(dòng)態(tài)內(nèi)容的占比越來越高了，主戰(zhàn)場(chǎng)聚焦在手機(jī)端直播間、首頁(yè)、爆款詳情頁(yè)。

越來越多的店鋪，開始將KV視頻化：

《飛鶴》KV動(dòng)畫

太酷了！兩個(gè)視頻，從原產(chǎn)地到文案內(nèi)容，都在強(qiáng)調(diào)優(yōu)質(zhì)奶源這個(gè)差異化賣點(diǎn)。其實(shí)視頻精致化程度，也是品牌實(shí)力的一種象征，就像請(qǐng)明星和各種鋪廣告一樣，讓消費(fèi)者感知到品牌的實(shí)力。

《三只松鼠?》KV動(dòng)畫

跟隨松鼠的指引，從“現(xiàn)實(shí)”場(chǎng)景，穿越進(jìn)入手機(jī)中的雙11盛宴現(xiàn)場(chǎng)，完成KV到海報(bào)的過渡。視頻不長(zhǎng)，節(jié)奏很緊湊~

《湯臣倍健?》KV動(dòng)畫

借鑒了《創(chuàng)世紀(jì)》壁畫的經(jīng)典觸碰手勢(shì)，似乎在傳達(dá)著湯臣倍健將用“實(shí)力”帶你穿越時(shí)空，來到科學(xué)營(yíng)養(yǎng)的人類新科技時(shí)代~??背景和場(chǎng)景都刻意強(qiáng)調(diào)了品牌的標(biāo)志性“~”符號(hào)。

《御泥坊旗艦店》KV動(dòng)畫

顛倒世界，裙帶飄飄~ 大開大合，特別的有大唐風(fēng)采！這套視覺都在圍繞品牌風(fēng)格做用戶的品牌認(rèn)知強(qiáng)化。KV的C位則是給到了雙11活動(dòng)的主推產(chǎn)品做強(qiáng)曝光。

《聯(lián)合利華官方旗艦店》KV動(dòng)畫

把多品牌擬人化表達(dá)，借助滑板躍向屏幕，營(yíng)造搶眼的動(dòng)勢(shì)效果。核心的文案利益點(diǎn)“買1套送1套”放的老大了~?哪怕是動(dòng)態(tài)KV，也絕對(duì)不忘把營(yíng)銷信息呈現(xiàn)到位！?從“套”這個(gè)詞你會(huì)發(fā)現(xiàn)，店鋪在主攻囤貨用戶，拉高成交客單價(jià)。

《蘭芳園旗艦店》KV動(dòng)畫

從主文案可以解讀出，蘭芳園想通過“悠久歷史，匠心精神”作為品牌背書，給用戶傳遞信得過的理念！而工廠流水線的風(fēng)格，也是近幾年非常流行的玩法。

其設(shè)計(jì)核心意圖，是借助視覺來觸發(fā)消費(fèi)者的感官聯(lián)想：科技感強(qiáng)，看起來干凈衛(wèi)生，出品有保證，想試一試~?

所以我們?cè)谠O(shè)計(jì)工業(yè)流水線作品的時(shí)候，就要思考設(shè)計(jì)的目的。你想表達(dá)和傳遞出什么信息給消費(fèi)者？聚焦目的思考為此應(yīng)該怎么做？而非一味的奔著好看，有意思，去抄襲和拼湊。

《聯(lián)合利華立頓旗艦店》KV動(dòng)畫

立頓也是走的工業(yè)流水線風(fēng)格。更多的sku堆砌在一起，畫面顯得更加熱鬧~ 熟悉的產(chǎn)品，用陌生的工廠風(fēng)格組裝在一起，制造了一種：熟悉的陌生感~ 恰恰是這種感覺，會(huì)讓人在能接受的同時(shí)眼前一亮，覺得有趣。升華下主題就是：通過這種設(shè)計(jì)，將已知事物陌生化，能讓我們重新發(fā)現(xiàn)生活之美~

其實(shí)，除了KV動(dòng)起來以外，產(chǎn)品圖也能動(dòng)起來~

《老板電器旗艦店》主爆款產(chǎn)品

視頻的信息密度遠(yuǎn)比靜態(tài)圖片高，想要單位面積呈現(xiàn)更多的信息，產(chǎn)品圖片視頻化無(wú)疑是最好的選擇。

之前不能這樣玩，是因?yàn)楫a(chǎn)業(yè)上游的硬件網(wǎng)絡(luò)設(shè)施不行。但現(xiàn)在5G盛行，WiFi幾乎全場(chǎng)景覆蓋。對(duì)于老板電器在天貓京東的用戶群來說，視頻化便變得可行了！

如果你去拼多多看看，就會(huì)發(fā)現(xiàn)，那邊的產(chǎn)品圖片仍舊還是傳統(tǒng)的靜態(tài)圖。

《皇家小虎旗艦店》

在食品行業(yè)更是如此，一款“會(huì)動(dòng)”的美食，突然垂涎欲滴的出現(xiàn)在你眼前，說實(shí)話，很難摁住不自覺分泌的唾液...

不信？上大招！

《老板電器旗艦店》主爆款產(chǎn)品

除了產(chǎn)品賣點(diǎn)動(dòng)態(tài)呈現(xiàn)外，其他突出的，賣家想讓你注意到的賣點(diǎn)，都會(huì)盡可能地做成動(dòng)效來吸引你的注意。（當(dāng)然，還需回歸畫面全局去思考動(dòng)的太多了會(huì)不會(huì)產(chǎn)生副作用）

《聯(lián)合利華立頓旗艦店》活動(dòng)機(jī)制區(qū)

畫面的信息已經(jīng)很多了，留給“搶先加購(gòu)”按鈕的位置雖然也挺明顯，但賣家就生怕你不知道點(diǎn)加購(gòu)，所以把按鈕做成了放大縮小的動(dòng)效，在你眼前跳呀跳~

《聯(lián)合利華官方旗艦店》活動(dòng)機(jī)制區(qū)

無(wú)疑~ 聯(lián)合利華的各路旗艦店，都承襲了這套騷操作~

《洽洽食品旗艦店》

大家注意到了嘛？洽洽食品的活動(dòng)區(qū)按鈕，直接在你刷到的時(shí)候從屏幕左側(cè)飛了進(jìn)來，也是一種吸引你眼球的動(dòng)效玩法~

面對(duì)復(fù)雜的優(yōu)惠券疊加機(jī)制，以及各類減價(jià)優(yōu)惠算法，洽洽是如何通過視覺呈現(xiàn)出來？大家可以觀摩學(xué)習(xí)學(xué)習(xí)~? 以及思考，為什么它非要把算術(shù)式都給你寫出來？

《認(rèn)養(yǎng)一頭牛旗艦店》

再來看看一頭牛的移動(dòng)端首頁(yè)。依舊有著極高的動(dòng)態(tài)畫面占比。仔細(xì)看，妹子出現(xiàn)的那塊地方，并非無(wú)聲動(dòng)畫。而是非常大膽的換了成“解說視頻”，聲畫同步出擊！

雖然可能會(huì)冒犯一些進(jìn)店的客戶，但能看得出商家們?cè)谙敕皆O(shè)法地傳達(dá)利益點(diǎn)給消費(fèi)者。

后面刷出的主推產(chǎn)品，福利信息會(huì)向下滑出，也是在吸引你觀看。畢竟雙11一年就一次。這還不得多整些花活~

動(dòng)態(tài)的看完了，我們?cè)賮砜葱╈o態(tài)的畫面，也是能get到很多靈感~

《君樂寶旗艦店》

大家看到KV海報(bào)上的產(chǎn)品了嘛？泛著溫馨的光暈，整個(gè)產(chǎn)品顯得更加通透立體了~ 學(xué)過我們課程的同學(xué)應(yīng)該很熟悉，這個(gè)技法叫做：產(chǎn)品場(chǎng)景光修圖，是高級(jí)合成的一個(gè)后期技巧。

《農(nóng)夫山泉旗艦店》

現(xiàn)在越來越多的產(chǎn)品，都會(huì)加上這個(gè)技法，讓產(chǎn)品顯得更加好看~ 再來看一組農(nóng)夫山泉的雙11頁(yè)面，也是今年的：

KV是游樂場(chǎng)風(fēng)格。后面的整個(gè)頁(yè)面設(shè)計(jì)也是游戲風(fēng)~?

《斑布京東自營(yíng)官方旗艦店》

KV是一個(gè)室內(nèi)與生態(tài)結(jié)合的立方體小景，應(yīng)該是想傳遞原生態(tài)本色的理念。是個(gè)非常取巧的設(shè)計(jì)，剛好足夠裝得下移動(dòng)端的豎屏，PC端也方便拓寬使用。

同樣的，產(chǎn)品也加了些酷炫的后期光效~? 想學(xué)習(xí)如何表達(dá)這類精致的產(chǎn)品后期特效的同學(xué)，歡迎掃描文末二維碼學(xué)習(xí)我們的課程噢~?雙11我們也是有活動(dòng)噠~

《人類快樂螺螄粉》

看這主KV，是不是很有食欲~?螺螄粉這玩意，本質(zhì)不是充饑，而是解饞。通過重口味轟炸味蕾，分泌多巴胺，帶來快樂！同樣的，滿減和贈(zèng)品這些利益點(diǎn)，都懟地老大了~?

除此之外，你想通過設(shè)計(jì)把機(jī)制區(qū)做的好看些，也可以在保證信息傳達(dá)屏效比的前提下，參考一下設(shè)計(jì)上優(yōu)秀的作品。

《樂樂貓寵物用品旗艦店》

五顏六色的，把機(jī)制區(qū)活脫脫設(shè)計(jì)成了游戲活動(dòng)頁(yè)的感覺。可惜的是這個(gè)KV海報(bào)色彩太暗沉了，空間光影層次沒有拉開，俗稱“透氣性”差。

產(chǎn)品放置在氣球里的想法也很棒，但反而在文案加入后把畫面堆的太滿了。優(yōu)化下這2個(gè)點(diǎn)，畫面會(huì)好看很多~

回憶一下，上面我們欣賞的作品里，是不是有很多kv海報(bào)，構(gòu)圖都做成了主角、主產(chǎn)品往“屏幕外沖”的感覺？可以思考一下為什么大家都不約而同的用了此手法？

《黃天鵝旗艦店》

可生食雞蛋龍頭品牌。他們家的產(chǎn)品非常純粹！只有一款，就是可生食雞蛋！

KV海報(bào)是雙11品牌貓頭海報(bào)，我們杰視幫做的，沒看過的同學(xué)，可以進(jìn)我們公眾號(hào)往上翻，前幾天剛發(fā)過~?

謝謝賞臉~

《白象旗艦店》

哇哦~?他家的“機(jī)制區(qū)光澤加工工藝技術(shù)”看來是練的爐火純青了~?

都是手繪風(fēng)，就把它們放在一起吧！有請(qǐng)下一位~

《李子柒旗艦店?》

沒有對(duì)比，就沒有傷害~ 相比來看，李姐家的明顯更勝一籌~

當(dāng)然，兩家的產(chǎn)品都很好吃！這才是重點(diǎn)~??李子柒每次的活動(dòng)頁(yè)基本固定成手繪風(fēng)了，每一次的KV畫的都非常的藝術(shù)且大氣~?將食材演繹成藝術(shù)作品！真的很棒！也真的很“卷”

機(jī)制區(qū)也設(shè)計(jì)的非常熱鬧有感覺~ 大家可以分析學(xué)習(xí)學(xué)習(xí)~

《云南白藥旗艦店》

給李子柒強(qiáng)行找了個(gè)競(jìng)爭(zhēng)對(duì)手，來比比誰(shuí)畫的更卷

真是山外有山，人外有人啊~

《盧正浩旗艦店》

再來一個(gè)金屬管子同樣搓的很溜的店鋪~?大家可以學(xué)習(xí)一下他們是如何呈現(xiàn)質(zhì)感的~?

如果沒整明白，可以掃描文末二維碼，到我們杰視幫學(xué)習(xí)后花園找找免費(fèi)視頻看，我們之前都有講過噢~ 擼管、搓紅包、拉絲帶、造立體字、雕刻按鈕啥的應(yīng)有盡有~?

《花西子旗艦店》

說到卷王，怎么少的了花西子~?電商設(shè)計(jì)界的頂流！活脫脫把電商設(shè)計(jì)的藝術(shù)逼格拉高了好幾個(gè)Level~?

? 叫我... 我點(diǎn)評(píng)？我照了照鏡子，抱歉，俺不配...

《蘭芳園旗艦店》機(jī)制區(qū)+產(chǎn)品陳列區(qū)

看太多爭(zhēng)奇斗艷的作品，來?yè)Q個(gè)綠色的養(yǎng)養(yǎng)眼~

? 出票機(jī)、票夾、票據(jù)、警示燈，輕擬物的元素設(shè)計(jì)和簡(jiǎn)約的版式，與主KV的工業(yè)風(fēng)匹配上了~

《Bananain蕉內(nèi)旗艦店》

也并不是所有品類都像我們上面欣賞的那些作品一樣“重設(shè)計(jì)”，服飾行業(yè)相對(duì)來說會(huì)“輕”很多。“輕”設(shè)計(jì)不代表“輕”營(yíng)銷。該有的賣點(diǎn)，該有的情緒化文案引導(dǎo)，還是依舊會(huì)有的~?

《治光師旗艦店》

有大眾化的設(shè)計(jì)，那就一定會(huì)有更具特色的小眾化設(shè)計(jì)，比如治光師。請(qǐng)不要叫我點(diǎn)評(píng)它的好壞，都已經(jīng)是拼配咖啡豆領(lǐng)域的細(xì)分文藝賽道了，抽象化藝術(shù)表達(dá)的出現(xiàn)就不足為奇... ?況且u1s1，這東西我也點(diǎn)評(píng)不來~?

《元?dú)馍制炫灥辍?/strong>

我不信有人能認(rèn)真看到這里，所以我象征性的隨便打幾個(gè)字偷個(gè)懶應(yīng)該沒有人會(huì)發(fā)現(xiàn)的~?嗯... 就這么定了！不夠長(zhǎng)那就再打幾個(gè)字，看起來更長(zhǎng)一些，ok~ 搞定！

《Mistine海外旗艦店》

這種風(fēng)格還是挺有意思的，偏向漫反射材質(zhì)的簡(jiǎn)單幾何體風(fēng)格，配上可愛的三維表情包和小花花、小草草、小貓貓~?再讀讀它的主文案：情緒由我，自在追光！有點(diǎn)那味兒了，好像是那么回事噢~

《Woolworths海外旗艦店》

你看它的KV海報(bào)，也是挺有意思的，擬物風(fēng)格，做成了抓娃娃機(jī)~ 產(chǎn)品也是追加了些產(chǎn)品光，給產(chǎn)品營(yíng)造上了一種被陽(yáng)光“普照”的感覺~

《桂格旗艦店》

桂格家的這個(gè)“云中工廠”挺有意思的，同樣是工廠和街景風(fēng)格。但人家把場(chǎng)景挪到了天上錯(cuò)落懸浮起來，這一下子“陌生又熟悉”的感覺就來了~?

?大家在思考創(chuàng)意的時(shí)候，也可以多從這方面入手去尋找靈感。但帥不過三秒，還是要批評(píng)一下，你這個(gè)會(huì)員福利區(qū)，密集的有點(diǎn)過分了吧...?

《食人族旗艦店》

看看人家食人族，相對(duì)來說就會(huì)好很多。在堆砌利益點(diǎn)的時(shí)候，要多從“屏效比”和“視覺動(dòng)線”的角度去思考，盡量做到信息的最大有效化傳遞。

《良品鋪?zhàn)悠炫灥辍?/strong>

同志們，出現(xiàn)人啦！如果你仔細(xì)觀看，會(huì)發(fā)現(xiàn)上面所有作品里，只有良品鋪?zhàn)拥腒V海報(bào)中有真人出鏡。如果你再仔細(xì)細(xì)品，好家伙，上面有多處都出現(xiàn)了真人，甚至還出現(xiàn)了他們的“總裁”...

如果你再仔細(xì)查一下資料，會(huì)發(fā)現(xiàn)良品鋪?zhàn)拥暮芏嗷顒?dòng)頁(yè)面，都是配有真人出鏡的~??高端零食品類的主流消費(fèi)群體就是年輕女性，身份與形象標(biāo)簽的呼應(yīng)。因此其他幾個(gè)零食品牌也是如此~?年輕模特出現(xiàn)的會(huì)更為頻繁。

最后再放個(gè)大招，看看什么叫“人外有人，山外有山”...??

《五糧濃香官方旗艦店》PC端首頁(yè)

不愧是五糧液旗下的正宗嫡系品牌，出手就是闊氣~ PC端獨(dú)一份整了個(gè)如此大氣的頁(yè)面！三維+手繪+合成，3大技法齊活了~?作者一看就是個(gè)硬核技術(shù)宅的萌妹子~

但此刻的我卻開心不起來，因?yàn)樽罱墒幸哺诟恪半p11大促”... ?五糧液都快要跌成“工糧液”了...?

平復(fù)一下心情，我們總結(jié)一下：

上面我們分析了一些新的玩法趨勢(shì)，設(shè)計(jì)的本質(zhì)、制造驚喜感的原理，以及活動(dòng)區(qū)的屏效比把控，還有不同類目設(shè)計(jì)的風(fēng)格，以及一些學(xué)霸的優(yōu)秀作品...

這次，我們花費(fèi)了較大篇幅去介紹設(shè)計(jì)思維，甚至是營(yíng)銷層面的內(nèi)容。那么有小可愛會(huì)問：我為什么要花費(fèi)時(shí)間去了解和學(xué)習(xí)這些呢？

因?yàn)楫?dāng)今是協(xié)作分工的時(shí)代，你只有從更寬的維度去了解整個(gè)設(shè)計(jì)的上下游，你才能更好地理解設(shè)計(jì)的需求。你才知道運(yùn)營(yíng)為什么要你把產(chǎn)品整鮮艷~ 甲方為什么要你放大Logo。商業(yè)設(shè)計(jì)是為營(yíng)銷目的服務(wù)，而非你個(gè)人的藝術(shù)表達(dá)。

不知不覺超過5000字了，今天的分享就到這里啦~

感謝你的認(rèn)真觀看。如果對(duì)你有所啟發(fā)，歡迎分享給你的朋友。

標(biāo)簽：