【干貨】一篇教你搞定電商化妝品類目產(chǎn)品詳情頁設(shè)計！

時間：2023-10-10 22:42:01 | 來源：網(wǎng)站運營

時間：2023-10-10 22:42:01 來源：網(wǎng)站運營

【干貨】一篇教你搞定電商化妝品類目產(chǎn)品詳情頁設(shè)計！：

hello，大家好

我是億洋




由于最近很多同學都來問我一個同樣的問題，對于自家的產(chǎn)品設(shè)計總是沒有頭緒和思路來制作，總是不知如何下手開始去制作，所以今年準備針對不同的產(chǎn)品類目來做詳細的講解和分析。這一期主要來聊一聊化妝品這個類目該如何去設(shè)計制作，我們通過幾個方向展開說下，希望能夠給你帶來一些思路和啟發(fā)。





首先對于化妝品這個類目來說，大部分人都不是很陌生，無論是男女都需要用到，而且是一個復購率很高的產(chǎn)品，尤其是女性更是一個消費主力軍，那么對于化妝品來說，我們怎么著手去做才能達到一個很好的效果呢？




對于任何一款產(chǎn)品來說，都要經(jīng)歷這幾步，才能完成制作頁面。

1. 前期策劃
2. 產(chǎn)品效果圖
3. 設(shè)計執(zhí)行

首先在拿到任何一款產(chǎn)品之前我們都需要做產(chǎn)品的一個頁面策劃，這個是很多電商設(shè)計都會忽略的問題，大部分都是拿到需求打開PS就是干，但是如果沒有確定方向，后面無論使多大的勁兒方向錯了都是徒勞。

所以我們要先對產(chǎn)品來做前期的策劃分析，比如今天我們主要說的是化妝品類目，那么對于化妝品我們要做一個系統(tǒng)的分析。

1. 化妝品類目大環(huán)境的數(shù)據(jù)分析：也就是市場上整體化妝品產(chǎn)品的一個大概方向和走勢；
2. 品牌分析：也就是針對自己的產(chǎn)品品牌是如何定位的，比如品牌感和品牌用色之類的問題要做好分享；
3. 消費者分析：也就是你的產(chǎn)品受眾群體是一群什么樣的人，有什么樣的偏好和特殊性，都要考慮進去，后期會影響你的頁面風格走向；
4. 視覺呈現(xiàn)：也就是你的產(chǎn)品創(chuàng)意表現(xiàn)形式，品牌配色，視覺符號等等；
   

在確定了以上的信息之后，我們就有了一個大概的思考方向，并且能夠結(jié)合這些分析出的數(shù)據(jù)來指導我們接下來的工作了。




產(chǎn)品圖的拍攝和選擇也是很重要的，結(jié)合前面的數(shù)據(jù)分析來決定你的產(chǎn)品以什么樣的形式來展示，可以更好的突出品牌性和差異化才是關(guān)鍵點。同時你的產(chǎn)品如果沒有很強的差異化，可以通過獵奇心里來凸顯，吸引更多的消費者來關(guān)注，可以更好的增加品牌的曝光從而增加更多的用戶粘性進行轉(zhuǎn)化。

我們來看一些化妝品需求圖的形式，產(chǎn)品可以進行拍攝精修和C4D渲染后期，目的都是為了突出產(chǎn)品質(zhì)感，自行根據(jù)預(yù)算來選擇即可。

看了以上化妝品產(chǎn)品的效果圖，大家應(yīng)該有一個基礎(chǔ)的認知，應(yīng)該知道如何去表現(xiàn)你的產(chǎn)品，首先場景和質(zhì)感是很關(guān)鍵的，如果這2個做不好，整體的畫面就會極其掉價，會顯得非常沒有可信度，有一種廉價感……




雖然各種產(chǎn)品的效果圖都非常的精致，但是它不一定適合你的產(chǎn)品，只能說我們通過這樣一些效果來把控一個大方向，具體還是要根據(jù)自己的產(chǎn)品來做定位，針對性越強效果會越好，之前遇到一個客戶也是做化妝品產(chǎn)品的，對于效果有一些要求，但是心里沒有一個確定的方向，導致做完之后并不是很滿意，但是滿意不滿意其實不能完全看甲方，最終是要給消費者看的而不是為了哄你的甲方和老板高興，他高興了但是不賣貨又有什么意義呢？難不成他花錢做的頁面是為了讓你自己高興嗎，肯定不是，最終還是要以銷量為結(jié)果，賣的好才是真的好，所以在設(shè)計的時候盡量站在消費者角度多去思考，看看你的產(chǎn)品受眾人群在想什么，而不是你和你的甲方在想什么，才是最重要的。

說了這么多，最終的目的是希望大家能夠不要固執(zhí)己見，一定要以商業(yè)化的眼光去看待你的設(shè)計，否則你還是當個藝術(shù)家的好，畢竟電商是賣貨的，不是開設(shè)計畫展的。







我們再來說一下最后的設(shè)計執(zhí)行，包括主圖、詳情頁、首頁等。通過了前面的策劃和分析，以及確定了產(chǎn)品圖風格之后，我們要就去落地執(zhí)行來制作出最終的展示效果，下面我也給大家分享一些案例，方便大家去理解化妝品的風格如何去把控。

通過上面的頭圖案例展示可以看的出來，雖然都是化妝品類目的產(chǎn)品，但是各家有各家的獨特風格，包括海藍之謎、佰草集、花西子等，都有自己一套獨特的視覺效果，讓消費者在眾多化妝品產(chǎn)品當中很容易就可以識別到的品牌符號，如果你在針對自己的產(chǎn)品沒有這樣的視覺呈現(xiàn)，那又怎么能脫穎而出呢？




其次在設(shè)計化妝品這類產(chǎn)品的時候，也有一個很通用性的規(guī)則，比如那種國外的女性模特，體現(xiàn)這種品牌感，也有通過創(chuàng)意表現(xiàn)形式和產(chǎn)品成分大圖來凸顯自己的產(chǎn)品功效，最常見的就是應(yīng)用一些科學性的道具和元素，也有增加水效果和分子效果來做陪襯，整體會以簡潔大氣的形式作為主要展示方向。

當然如果你的產(chǎn)品有一個不錯的特性當然也可以作為重點展示，之前做的一款化妝品產(chǎn)品，產(chǎn)品本身是淺藍科技風的，但是針對消費群體和產(chǎn)品特性，選用了一種深藍色作為差異化展示，既能增強識別性也能體現(xiàn)產(chǎn)品的品牌感，從而達到很好的市場差異化效果，只要推廣人群做的精準基本上點擊率和轉(zhuǎn)化率不會差。




為什么化妝品類產(chǎn)品要這么設(shè)計？首先這個產(chǎn)品是要往自己的臉和身上涂抹的，第一要素就是安全性，如果用了之后各種皮膚問題，誰也接受不了，所以只要產(chǎn)品沒問題，在展示方面盡量去凸顯產(chǎn)品的安全性，讓買家能夠放心去購買，沒有這方面的擔心會更好的增加購買率。




對于上面這種數(shù)據(jù)化的展示來說，很多化妝品都會運用到，但是一定要清楚這個數(shù)據(jù)展示的作用是什么，難道你真的天真的以為消費者會對于你每一個百分比的數(shù)據(jù)都認真看嗎？這個數(shù)據(jù)展示只是為了給你的消費者傳達一個專業(yè)性的感覺，讓他們知道你的產(chǎn)品是經(jīng)過科學考證的，是靠譜的，是有權(quán)威性的，但是他不會記住你每一項的百分比到底是多少，這不是消費者所關(guān)系的地方，所以在做這個數(shù)據(jù)展示的時候，盡量簡單明了，不要過度渲染和無意義的展示，點到為止能夠說明就好。

最后我們來做一下總結(jié)：

對于化妝品類目來說，更多的是女性消費者，所以我這里沒有去展示男性的化妝品，但是性質(zhì)也是類似的，只不過重心不同而已，對于前期的策劃我認為是極其重要的，沒有前期的分析和策劃，就如同無頭蒼蠅一樣毫無目的，一旦大方向感確定之后，后面就是順著骨架去填充你的內(nèi)容，包括產(chǎn)品圖的風格確定和最后的落地執(zhí)行，都離不開最開始的產(chǎn)品策劃。

相信大家在看完以上的分析之后，多少會有一定的思路和啟發(fā)了，在遇到自己的產(chǎn)品制作的時候，希望也能通過這樣的思路去進行設(shè)計，至少這樣去做你的轉(zhuǎn)化率不會太低。

做設(shè)計不光是炫酷的軟件技法，更多的在思考的過程，對于產(chǎn)品和市場的把控是最關(guān)鍵的，尤其是對于電商設(shè)計來說，視覺是基礎(chǔ)，營銷賣貨才是本質(zhì)。

不要因為其他人的干涉，導致了你的思路發(fā)生變化，首先要有很強的獨立思考能力，當然也不是讓你即使錯了也要撞到南墻再回頭，所以你的思考方向都要有數(shù)據(jù)基礎(chǔ)作為支撐，需要你提供一個可靠的理由來說服你的甲方，并不是想一出是一出的固執(zhí)己見就可以了。同時在做商業(yè)設(shè)計的時候一定要把自己抽離出來，即使你是設(shè)計的主導也要站在消費者和產(chǎn)品的角度去做思考設(shè)計，不要我行我素的固執(zhí)己見，也不要為了迎合你的客戶妥協(xié)重要的環(huán)節(jié)，如果這個設(shè)計環(huán)節(jié)并不影響大局，可以跟隨客戶的喜好去調(diào)整，一旦涉及到大方向的影響一定要果斷拒絕并給予出對應(yīng)的說服觀點來引導你的客戶，畢竟都是為了能夠更好地賣貨，能增加銷量的事情沒有理由不去做吧？

所以電商設(shè)計師不僅僅是一個設(shè)計執(zhí)行，同時也要是一個很好的銷售，通過視覺語言來引導你的消費者，最終促進下單才算完成整條設(shè)計流程。

畢竟不以賣貨為前提的設(shè)計都是在耍流氓！

對于電商設(shè)計師來說，軟件技法決定下線，而認知和設(shè)計思維決定了你的上線，這在本質(zhì)上是一個理性大于感性的工作，大家一定要謹記！

好了，這期分享就到這里了，如果大家有什么想法或者想了解哪個類目的產(chǎn)品如何去制作分析，可以在下方評論區(qū)留言，大家反響最多的我會考慮再出一期類目設(shè)計分析的文章，如果你覺得這篇文章對你所有幫助，請點贊+點在看+轉(zhuǎn)發(fā)3連這篇文章，我們下期再見了！