之前的618預(yù)售頁大家看完感覺如何呢？

?

在今年的賞析帖子下方，我們發(fā)現(xiàn)了一個很有趣的現(xiàn)象：

?

越來越多的朋友開始在意一張優(yōu)秀稿子背后的產(chǎn)出過程，好奇設(shè)計方在前期的創(chuàng)意歷程與方案創(chuàng)作，而不止是感嘆優(yōu)秀或緊盯畫面。

作為電商設(shè)計師，看著同行的優(yōu)秀作品，如果只是拍手稱贊，那和普通消費(fèi)者有什么區(qū)別？

?

知其然也要知其所以然，不是說我們要學(xué)會每一張優(yōu)秀頁面中每一個質(zhì)感的設(shè)計表達(dá)，而是我們要學(xué)習(xí)每一次設(shè)計是如何從白紙到成稿的創(chuàng)意歷程。

?

今天，我們繼續(xù)來賞析618的預(yù)售頁面。

?

不過這一次，我們著重來看看咱們設(shè)計部小伙伴們的成績，由于大多數(shù)頁面還沒有上線，因此，今天我們僅挑三張頁面來分享我們在設(shè)計過程中的心路歷程。

ChaLi旗艦店

CHALI茶里致力于做中國第一袋泡茶品牌。?一直致力于用最時尚、最流行的方式演繹最傳統(tǒng)、最正宗的中國茶。

?

此次我們和茶里在618的頭圖合作上，確立了三大視覺方向：

?

夏季冰爽的感官體驗(yàn)

繽紛清透的視覺氛圍

視覺沖擊的夏日場景

?

統(tǒng)合三大視覺方向，最終，我們找到了此次合作我們要做的事：

打造屬于CHALI茶里的顏值夏日冰爽感官體驗(yàn)。

畫面上，我們運(yùn)用了冰塊、水花等清涼的元素，結(jié)合產(chǎn)品以及產(chǎn)品原料的展現(xiàn)，強(qiáng)調(diào)畫面清涼的同時更好地展現(xiàn)產(chǎn)品，將茶里和清涼之間畫上等號。

對于漂浮感的強(qiáng)化，我們引入一些微動效的表達(dá)，強(qiáng)化畫面的鮮活感。

農(nóng)夫山泉

此次618和農(nóng)夫山泉的合作，我們旨在設(shè)計出一版更有活力，互動感更強(qiáng)，畫面更年輕鮮活的頁面。

?

相比上一次項(xiàng)目中對產(chǎn)品以及產(chǎn)品功能和發(fā)源地的強(qiáng)調(diào)，

這一次在618的背景下，我們希望這個頁面能傳達(dá)給消費(fèi)者日常的應(yīng)用場景，增加消費(fèi)者的共鳴。

?

因此，在頭圖設(shè)計上，我們設(shè)定了三個應(yīng)用環(huán)境：【廚房】【客廳】【露營】

?

在第一版方案中，我們著重想體現(xiàn)各個場景中的人物狀態(tài)以及和產(chǎn)品的互動。

但在和甲方溝通后，我們決定調(diào)整為與鏡頭互動感更強(qiáng)的畫面，于是，有了第二版方案。

用卡通人物的設(shè)定，讓三種場景的融合顯得不會突兀，整體更加和諧。

為了強(qiáng)化應(yīng)用場景給消費(fèi)者帶來的共鳴，我們在首頁下方各模塊的海報設(shè)計上，也設(shè)計了更多的應(yīng)用場景。

由于移動端的尺寸限制，我們將PC端的首圖KV分割成了三屏，用動效的方式呈現(xiàn)在移動端中。

老板官方旗艦店

最后，我們用老板電器618預(yù)售頁面為例，給大家完整分享一下我們整個活動首頁策劃執(zhí)行的心路歷程。

?

此次618，我們與老板電器以【烹飪創(chuàng)作狂歡季】為主題，配合618年中大促活動的熱烈氛圍，以“多彩、好玩、有趣”為關(guān)鍵詞，向消費(fèi)者傳達(dá)一個多彩的烹飪創(chuàng)作氛圍。

?

在畫面設(shè)計上，我們以活字印刷術(shù)為靈感，引入了文字塊與玻璃磚元素，結(jié)合舞臺場景的設(shè)計，希望傳遞出一種近未來的科技感。

色調(diào)整體上我們采用一種低飽和的冷色調(diào)，配合老板電器的品牌VI，顛覆傳統(tǒng)狹窄擁擠沉悶的廚房印象，打造出一種更加科技感、更加明亮與智能的未來廚房。

?

背景用玻璃磚的形式做好分割設(shè)計，強(qiáng)化背景線元素的占比，讓整體層次感更強(qiáng)，又不會搶占視覺焦點(diǎn)。

?

最后，用一縷貫穿畫面前后的紅色彩帶提亮整個畫面，權(quán)衡色彩占比，讓科技感的畫面多了一絲大促的熱鬧與煙火氣。

不過，在主頁設(shè)計敲定后，整個頁面的制作也只能算完成了50%。

?

就像很多朋友吐槽的：

頁面設(shè)計再好看，也不如直接展示價格優(yōu)惠來得實(shí)際。

?

?

但優(yōu)惠展示和頁面美觀并非是一個零和博弈問題，在視覺展現(xiàn)的基礎(chǔ)上，我們同樣也會要求把最能吸引消費(fèi)者的利益點(diǎn)放在最顯眼的位置上。

?

首屏的設(shè)計側(cè)重向消費(fèi)者展現(xiàn)一種美好的烹飪創(chuàng)作空間，感性的導(dǎo)向后，在接下來幾屏的設(shè)計上，我們著重解決一個問題：

?

【立即下單】

?

因此，我們把618各種大幅度的優(yōu)惠活動放在了第二屏，讓消費(fèi)者能更直觀地看到，活動期間下單，我能獲得多少優(yōu)惠福利。

通過即時的優(yōu)惠與福利，讓消費(fèi)者產(chǎn)生立即下單的沖動，接下來，再建立品牌壁壘，告訴消費(fèi)者，買廚房電器，認(rèn)準(zhǔn)老板就夠了。

通過優(yōu)惠展示與品牌力壁壘的建立，將消費(fèi)者留在店鋪后，再開始展示自己的主打商品，從面到點(diǎn)，拿出每個類目的爆款產(chǎn)品，進(jìn)一步聚焦消費(fèi)者的購買需求。

通過爆款區(qū)留住大部分潛在消費(fèi)者后，難免會存在一些小眾需求或高端定制的消費(fèi)者。

?

所以，在爆款展示完后，我們會在首頁展示出品牌旗下的各類目產(chǎn)品，方便不同需求的消費(fèi)者更好地挑選。

有同學(xué)會好奇：

首頁不都是同行才看的嗎，考慮這么多干啥？

?

?

其實(shí)，這是信息繭房造成的誤判，如果你能看到一個店鋪的后臺，就能發(fā)現(xiàn)，通過首頁下單的消費(fèi)者并不算少數(shù)。

?

畢竟，如果首頁設(shè)計真的毫無作用了，大量的品牌方又為什么會大費(fèi)周章裝修首頁呢？

?

移動端設(shè)計完成了也只算完成了80%，在和甲方順利過稿后，還要針對PC端的尺寸進(jìn)行相應(yīng)地拓版，也就是常說的拓PC。

此前，很多朋友覺得首頁設(shè)計花里胡哨費(fèi)心費(fèi)力沒有意義，也會覺得很多頁面過于追求視覺，導(dǎo)致看了半天連產(chǎn)品是什么都不知道。

?

但實(shí)際上，優(yōu)秀的一款活動頁，是可以做到視覺表現(xiàn)與大促利益點(diǎn)并存的。

我們要通過嘗試，找到利益點(diǎn)與視覺表現(xiàn)最平衡的那個點(diǎn)，在這個嘗試過程中，或許有的頁面偶有翻車，但這種試錯也是值得的。

?

看完這三個頁面的賞析，大家對大促設(shè)計有沒有更深的看法了呢？

?

大家更喜歡看首頁賞析還是詳情頁賞析呢？

?

在評論區(qū)告訴我們，給大家安排上！