上周，我們更新了一期杰視幫和他的朋友們雙十一頁(yè)面專場(chǎng)秀。

隨著十一月的到來(lái)，各大商家也紛紛上新了雙十一的正式版頁(yè)面。

?

讓我們拓寬范圍，來(lái)看看今年雙十一的正式頁(yè)面設(shè)計(jì)，有哪些驚艷的作品。

御泥坊旗艦店

?

先放個(gè)王炸，我們都知道動(dòng)效和視頻化是未來(lái)電商設(shè)計(jì)的趨勢(shì)，而御泥坊這次的頁(yè)面，和此前投稿的天然博士頁(yè)面一樣，已經(jīng)不能用動(dòng)效和視頻來(lái)形容了。

?

細(xì)致的分鏡腳本，鏡頭的推、拉、搖、移、跟、升、降，這哪里是首頁(yè)設(shè)計(jì)，直接整了個(gè)電影預(yù)告了。

?

【由于b站無(wú)法鏈接站外視頻，動(dòng)效在這里不做展示】

Britax寶得適旗艦店

?

同樣運(yùn)用推鏡的手法，通過(guò)云層的過(guò)度銜接到產(chǎn)品展示頁(yè)面，結(jié)合遠(yuǎn)景搭建的摩天都市大樓，渲染整個(gè)場(chǎng)景的科技質(zhì)感，通過(guò)視覺烘托產(chǎn)品的高端與科技感。

十月天使官方旗艦店

?

商場(chǎng)形式的俯視視角設(shè)計(jì)，環(huán)形的場(chǎng)地很好地將視野聚焦在場(chǎng)地中心的產(chǎn)品上，再用商場(chǎng)橫幅的形式突出利益點(diǎn)，迎合了消費(fèi)者的線下購(gòu)物習(xí)慣。

?

同時(shí)，引入了云層散開的動(dòng)效，起到一種撥云見日的明亮感，增加了場(chǎng)景的層次性。

美的生活電器旗艦店

?

用C4D搭建的鐳射金屬風(fēng)場(chǎng)景，結(jié)合動(dòng)效的設(shè)計(jì)讓場(chǎng)景充滿科技感的同時(shí)多了一些互動(dòng)感。

?

在動(dòng)效設(shè)計(jì)上，美的沒有大動(dòng)場(chǎng)景，而是巧妙地通過(guò)光影的改變?cè)黾恿藞?chǎng)景的動(dòng)能，讓消費(fèi)者的視野可以跟隨光影轉(zhuǎn)移，同時(shí)又不造成視覺疲勞。

袋鼠比比旗艦店

?

考慮到受眾群體，袋鼠比比用更圓潤(rùn)的設(shè)計(jì)風(fēng)格展現(xiàn)產(chǎn)品的特質(zhì)，圓潤(rùn)的場(chǎng)景和豐盈的配色讓整個(gè)場(chǎng)景看上去十分可愛。

?

再通過(guò)寶箱開合的動(dòng)效設(shè)計(jì)和紅包飛出的效果，強(qiáng)調(diào)了雙十一的福利與大促氛圍。

Bananain蕉內(nèi)旗艦店

?

蕉內(nèi)自成一派的設(shè)計(jì)風(fēng)格和妝造會(huì)直觀地給人留下深刻的印象，而雙十一的頁(yè)面設(shè)計(jì)他們?cè)诒幸蝗缂韧膴y造風(fēng)格上，用畫面最直觀地詮釋了【薅羊毛】

?

微動(dòng)效的引入和場(chǎng)景的輪轉(zhuǎn)，配合點(diǎn)睛的文案，讓人會(huì)有一種【不愧是蕉內(nèi)】的感嘆。

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

?

同樣是IP+產(chǎn)品的組合，品牌IP載著產(chǎn)品在水面架勢(shì)，將背景設(shè)計(jì)在威尼斯的水城，通過(guò)飄舞的彩帶和氣球禮盒烘托著大促氛圍。

?

動(dòng)效上通過(guò)小牛揮舞的微動(dòng)效設(shè)計(jì)增加場(chǎng)景的互動(dòng)感，產(chǎn)品轉(zhuǎn)盤的形式也可以更好地展現(xiàn)每一款產(chǎn)品，猜猜看是誰(shuí)做的？

巴布豆母嬰旗艦店

?

看多了通過(guò)鏡頭語(yǔ)言切換場(chǎng)景的寫實(shí)合成頁(yè)面，巴布豆的頁(yè)面給人一種眼前一亮的驚喜。

?

簡(jiǎn)約、大方，將平面板式的構(gòu)成手法和3D的立體質(zhì)感巧妙地結(jié)合在一起，相當(dāng)舒適。

動(dòng)效視頻看花眼？接下來(lái)我們來(lái)看一些靜態(tài)設(shè)計(jì)。

三只松鼠旗艦店

?

三只松鼠的頁(yè)面一如既往的賞心悅目，通過(guò)品牌的IP的植入和產(chǎn)品的擺放，將雙十一的大促感體現(xiàn)的相當(dāng)?shù)轿弧?/span>

?

尤其是IP的設(shè)計(jì)上，質(zhì)感、表情和形態(tài)愈發(fā)精致，哪天突然出一套三只松鼠系列動(dòng)畫我也不會(huì)意外了。

卡貝鎖具旗艦店

?

暗系的科幻風(fēng)格相當(dāng)亮眼，通過(guò)宇航員VR操作屏的設(shè)計(jì)展現(xiàn)出頁(yè)面主題，青藍(lán)和洋紅的撞色果然看不膩。

醉鵝娘酒類旗艦店

?

醉鵝娘還真是把賽博朋克的都市風(fēng)格貫徹了下來(lái)，品牌IP驅(qū)車奔馳在科技城市中，主建筑用產(chǎn)品做了替換，增加了產(chǎn)品的視覺重心。不過(guò)，一定不要酒駕哦。

蒙牛旗艦店

?

用C4D搭建的搖滾舞臺(tái)現(xiàn)場(chǎng)，整個(gè)場(chǎng)景加上文案都選擇了不反光的亞克力材質(zhì)，讓畫面顯得更加柔和。

?

同時(shí)，大面積的亞克力也讓蒙牛的頁(yè)面自成一派，倒是平添了差異化視覺。

周大生旗艦店

?

周大生的頁(yè)面角色頗有最近大火的虛擬偶像的感覺啊，鐳射的未來(lái)感和眼罩的科技感，再加上粉色的云煙讓整個(gè)場(chǎng)景頗具未來(lái)浪漫的味道。

鄒三和旗艦店

?

合成C4D固然震撼，但手繪插畫依然也是主流，尤其涉及到國(guó)風(fēng)和傳統(tǒng)產(chǎn)物的頁(yè)面。

黃老五食品旗艦店

?

秉承之前的IP策略，用插畫的風(fēng)格讓品牌的IP形象更加年輕化，國(guó)風(fēng)的手繪頁(yè)面也更好地體現(xiàn)了產(chǎn)品傳統(tǒng)美食的屬性。

盧正浩旗艦店

?

以茶為主題繪制的古風(fēng)武俠世界，清爽的配色從視覺上還原了茶葉的清香悠長(zhǎng)。

msekko旗艦店

?

一如既往的民國(guó)女孩和線描插畫風(fēng)格，當(dāng)一種風(fēng)格一種策略堅(jiān)持沉淀，就會(huì)變成品牌最有競(jìng)爭(zhēng)力的辨識(shí)度。

嘉華食品旗艦店

?

用手繪繪制了一個(gè)由水果零食組成的世界嘉年華，通透式到元素的設(shè)計(jì)，再到色彩的把控和氛圍的渲染，這手繪技術(shù)，沒得挑！

喜茶官方旗艦店

?

簡(jiǎn)約簡(jiǎn)潔的設(shè)計(jì)風(fēng)格，不失為一股清流。

品勝數(shù)碼旗艦店

?

C4D的建模+手繪感的合成后期。

畫面可圈可點(diǎn)，不過(guò)，想給這個(gè)頁(yè)面的設(shè)計(jì)師看兩個(gè)貓頭：

我相信你應(yīng)該懂了。

看完以后，大家有什么感受？

?

從技法上來(lái)說(shuō)，每年電商設(shè)計(jì)的天花板都在被逐步拔高，頭部天花板們變著法子拓展著上限，中部設(shè)計(jì)師們努力追著大佬們的步伐，底部設(shè)計(jì)師們也奮斗著不掉隊(duì)。

業(yè)內(nèi)吐槽的內(nèi)卷驅(qū)動(dòng)下，整個(gè)行業(yè)的視覺美學(xué)水準(zhǔn)確實(shí)在不斷的提高。

?

但是，如果從商業(yè)性質(zhì)上呢？

?

首先，我們來(lái)思考一下，首頁(yè)設(shè)計(jì)的作用是什么？

?

給每一位進(jìn)店的消費(fèi)者看？

不可能，現(xiàn)在這個(gè)快速的時(shí)代，很少有消費(fèi)者再去挨家挨戶逛首頁(yè)了。

?

我在逛淘寶時(shí)也幾乎不會(huì)逛店鋪首頁(yè)。

那么，首頁(yè)設(shè)計(jì)真就是電商設(shè)計(jì)師的圈地自嗨？

?

當(dāng)然不是。

?

要知道，企業(yè)家和創(chuàng)業(yè)者，永遠(yuǎn)都是最精明的一群人。

?

如果首頁(yè)設(shè)計(jì)真的像我們吐槽的那樣毫無(wú)意義，精打細(xì)算的企業(yè)家們又怎么可能耗費(fèi)人力財(cái)力去裝修設(shè)計(jì)呢？

?

那么，首頁(yè)設(shè)計(jì)的意義在哪里？

個(gè)人的拙見是：

?

作為品牌在淘寶的門面，只要100個(gè)人里有一個(gè)人會(huì)看到店鋪的首頁(yè)，那么首頁(yè)的設(shè)計(jì)意義就在這一個(gè)人身上。

?

對(duì)于熟悉的品牌，我們會(huì)跳過(guò)品牌了解，直接進(jìn)入需要的產(chǎn)品頁(yè)上。

但是，當(dāng)我們對(duì)某一類目完全不了解，又恰好產(chǎn)生需求時(shí)，如何去評(píng)估選擇？

?

在這樣的情況下，當(dāng)我們打開一家店鋪，看到其精致匠心的首頁(yè)，自然就會(huì)在心中產(chǎn)生心理暗示：

?

這家店的產(chǎn)品和首頁(yè)設(shè)計(jì)一樣嚴(yán)謹(jǐn)而匠心。

?

就像我們看到顏值超高的小姐姐，潛意識(shí)里也會(huì)覺得她內(nèi)心溫柔且善良。

在買方市場(chǎng)傾向嚴(yán)重的當(dāng)下，各行各業(yè)都在內(nèi)卷，每個(gè)消費(fèi)者都是寶貴的財(cái)富，如果優(yōu)秀的首頁(yè)設(shè)計(jì)能從100個(gè)潛在消費(fèi)者中換來(lái)2個(gè)轉(zhuǎn)化，那便是相當(dāng)超值的投資了。

再者說(shuō)，在電商直播帶貨如日中天的現(xiàn)在，如何把主播流量轉(zhuǎn)換成品牌自身的流量？

?

越是短平快的大促，越需要有平面靜止的設(shè)計(jì)美學(xué)讓消費(fèi)者為了品牌駐足留戀。

這是首頁(yè)設(shè)計(jì)的價(jià)值，也是電商設(shè)計(jì)的價(jià)值。

?

?

退一萬(wàn)步說(shuō)，作為一個(gè)普普通通的設(shè)計(jì)師，甲方或老板開口了，給錢了，讓我們把首頁(yè)設(shè)計(jì)做好，那么，

?

干活，拿錢，

下班，走人。