淺析設計對店鋪轉化率的影響

關鍵詞：視覺傳達、轉化率、跳失、數據分析

文章導讀：在電商行業中，對銷量有影響的因素除了營銷推廣外，設計也是影響銷量重要因素之一。一個視覺衝擊力強、有(you)創(chuang)意(yi)又(you)新(xin)穎(ying)的(de)頁(ye)麵(mian)一(yi)般(ban)會(hui)吸(xi)引(yin)消(xiao)費(fei)者(zhe)的(de)眼(yan)球(qiu)，引(yin)起(qi)消(xiao)費(fei)者(zhe)的(de)購(gou)買(mai)欲(yu)望(wang)。例(li)如(ru)百(bai)雀(que)羚(ling)，自(zi)從(cong)設(she)計(ji)了(le)以(yi)長(chang)圖(tu)文(wen)故(gu)事(shi)型(xing)的(de)創(chuang)意(yi)新(xin)穎(ying)廣(guang)告(gao)頁(ye)麵(mian)興(xing)起(qi)之(zhi)後(hou)，引(yin)起(qi)一(yi)陣(zhen)長(chang)圖(tu)文(wen)設(she)計(ji)的(de)狂(kuang)潮(chao)，各(ge)大(da)電(dian)商(shang)店(dian)鋪(pu)紛(fen)紛(fen)效(xiao)仿(fang)，也(ye)吸(xi)引(yin)了(le)很(hen)多(duo)消(xiao)費(fei)者(zhe)的(de)圍(wei)觀(guan)。後來百雀羚又推出各種插畫類的創意頁麵，視覺上的衝擊使得百雀羚的知名度也逐步提升，銷量也更不用說啦。這就說明一個有創意新穎的頁麵對銷量的影響相當大
，接下來就說說設計是怎麼影響店鋪的銷量，如何給店鋪帶來銷量
，又是怎樣提高轉化率，減少跳失率。

正文：在zai設she計ji頁ye麵mian之zhi前qian，大da家jia要yao有you明ming確que的de設she計ji方fang向xiang。方fang向xiang要yao明ming確que才cai能neng設she計ji出chu創chuang意yi新xin穎ying

，讓rang人ren眼yan前qian一yi亮liang的de作zuo品pin。因yin為wei頁ye麵mian設she計ji是shi店dian鋪pu的de門men麵mian擔dan當dang

，所suo以yi頁ye麵mian設she計ji對dui店dian鋪pu的de經jing營ying發fa展zhan至zhi關guan重zhong要yao。消xiao費fei者zhe也ye會hui因yin為wei你ni的de店dian鋪pu頁ye麵mian醜chou，就jiu會hui直zhi接jie忽hu慮lv產chan品pin的de特te性xing，再zai好hao看kan的de產chan品pin也ye失shi去qu想xiang購gou買mai的de欲yu望wang。因yin此ci店dian鋪pu的de首shou頁ye和he詳xiang情qing頁ye都dou要yao重zhong點dian設she計ji。

一、視覺傳達

視覺設計包括有首頁、詳情頁
、推廣圖
、鑽(zuan)展(zhan)圖(tu)和(he)詳(xiang)情(qing)關(guan)聯(lian)設(she)計(ji)。下(xia)麵(mian)就(jiu)重(zhong)點(dian)分(fen)析(xi)首(shou)頁(ye)設(she)計(ji)對(dui)轉(zhuan)化(hua)率(lv)的(de)影(ying)響(xiang)。其(qi)實(shi)也(ye)是(shi)店(dian)鋪(pu)裝(zhuang)修(xiu)對(dui)銷(xiao)量(liang)的(de)影(ying)響(xiang)，一(yi)個(ge)好(hao)的(de)店(dian)鋪(pu)才(cai)會(hui)吸(xi)引(yin)大(da)量(liang)的(de)消(xiao)費(fei)者(zhe)，店(dian)鋪(pu)的(de)銷(xiao)量(liang)才(cai)會(hui)好(hao)，轉(zhuan)化(hua)率(lv)就(jiu)會(hui)越(yue)高(gao)。因(yin)為(wei)消(xiao)費(fei)者(zhe)最(zui)注(zhu)重(zhong)的(de)就(jiu)是(shi)產(chan)品(pin)的(de)銷(xiao)量(liang)
，有(you)了(le)好(hao)的(de)銷(xiao)量(liang)，店(dian)鋪(pu)才(cai)有(you)機(ji)會(hui)不(bu)斷(duan)擴(kuo)大(da)， 才有好的經營和管理。

   1 、設計框架

首頁設計架構是按照淘寶店鋪首頁的常規基本架構設計的，從店招-大屏海報-優惠券-分類導圖-產品描述-頁尾這樣大概的基本格局走。很多淘寶店鋪一般都會按照這個格局設計首頁。用這個格局去設計首頁是考慮推廣方麵。 淘寶店招是淘寶店鋪的給人的第一印象，好的店招不僅能吸引用戶的眼球

，帶來訂單
，同時起到品牌宣傳的作用。所以店招要設計出店鋪的精髓，店鋪logo是必須要放在店招上。左圖和右圖的店招的logo都有，但是左圖的店招明顯就比右圖的簡約明了，高檔大氣上檔次。

2、活動氛圍

首(shou)先(xian)大(da)家(jia)可(ke)以(yi)看(kan)到(dao)左(zuo)圖(tu)的(de)海(hai)報(bao)采(cai)用(yong)插(cha)畫(hua)元(yuan)素(su)結(jie)合(he)產(chan)品(pin)模(mo)特(te)營(ying)造(zao)出(chu)一(yi)種(zhong)春(chun)天(tian)溫(wen)馨(xin)的(de)感(gan)覺(jiao)，畫(hua)麵(mian)感(gan)不(bu)但(dan)好(hao)看(kan)，而(er)人(ren)物(wu)與(yu)插(cha)畫(hua)形(xing)式(shi)的(de)樹(shu)葉(ye)花(hua)兒(er)融(rong)入(ru)感(gan)都(dou)非(fei)常(chang)強(qiang)，並(bing)且(qie)覺(jiao)得(de)人(ren)物(wu)與(yu)那(na)些(xie)插(cha)畫(hua)元(yuan)素(su)有(you)很(hen)大(da)的(de)落(luo)差(cha)感(gan)沒(mei)，反(fan)而(er)讓(rang)人(ren)情(qing)不(bu)自(zi)禁(jin)就(jiu)進(jin)入(ru)了(le)裏(li)麵(mian)的(de)情(qing)景(jing)
，覺(jiao)得(de)這(zhe)件(jian)衣(yi)服(fu)很(hen)好(hao)看(kan)，就(jiu)會(hui)有(you)想(xiang)要(yao)購(gou)買(mai)這(zhe)件(jian)衣(yi)服(fu)的(de)衝(chong)動(dong)。對(dui)比(bi)右(you)圖(tu)的(de)海(hai)報(bao)，簡(jian)直(zhi)差(cha)強(qiang)人(ren)意(yi)呀(ya)，一(yi)眼(yan)就(jiu)感(gan)覺(jiao)落(luo)差(cha)感(gan)也(ye)太(tai)突(tu)兀(wu)了(le)吧(ba)？背(bei)景(jing)和(he)人(ren)物(wu)一(yi)點(dian)都(dou)不(bu)融(rong)入(ru)，人(ren)物(wu)的(de)色(se)調(tiao)和(he)背(bei)景(jing)的(de)色(se)調(tiao)都(dou)不(bu)一(yi)致(zhi)，直(zhi)接(jie)來(lai)一(yi)句(ju)說(shuo)這(zhe)海(hai)報(bao)P得也太假吧！簡直不可直視呀！

3
、優惠券
，

左zuo圖tu的de優you惠hui劵劵也ye采cai用yong插cha畫hua的de元yuan素su從cong重zhong點dian突tu出chu，和he海hai報bao相xiang結jie合he
，加jia深shen畫hua麵mian感gan
，消xiao費fei者zhe更geng加jia喜xi歡huan
，就jiu會hui收shou藏zang店dian鋪pu
，那na麼me就jiu會hui使shi得de店dian鋪pu的de關guan注zhu度du變bian高gao
，增zeng加jia回hui頭tou率lv。而er右you圖tu卻que缺que少shao了le優you惠hui券quan，這zhe就jiu說shuo明ming這zhe家jia店dian鋪pu沒mei有you給gei到dao消xiao費fei者zhe優you惠hui，反fan而er減jian少shao回hui頭tou率lv。

4
、分類導圖

分類導圖左圖和右圖也都有設計，但是左圖的產品模特就很融入畫麵感，沒有任何瑕疵，對比右圖的產品模特好看百倍呀！右圖的產品模特和背景沒有融入，和海報一樣P得假。

詳情頁就不用展示圖片說明了，請大家記住：詳(xiang)情(qing)頁(ye)的(de)前(qian)三(san)屏(ping)的(de)設(she)計(ji)要(yao)著(zhe)重(zhong)設(she)計(ji)

，前(qian)三(san)屏(ping)是(shi)核(he)心(xin)部(bu)分(fen)，要(yao)重(zhong)要(yao)設(she)計(ji)，突(tu)出(chu)賣(mai)點(dian)，視(shi)覺(jiao)傳(chuan)達(da)到(dao)位(wei)。因(yin)為(wei)詳(xiang)情(qing)頁(ye)的(de)前(qian)三(san)屏(ping)就(jiu)是(shi)黃(huang)金(jin)前(qian)三(san)屏(ping)，大(da)家(jia)想(xiang)了(le)解(jie)詳(xiang)情(qing)頁(ye)黃(huang)金(jin)前(qian)三(san)屏(ping)就(jiu)去(qu)看(kan)看(kan)度(du)娘(niang)吧(ba)！哈哈哈

二、根據數據分析

點dian擊ji率lv和he跳tiao失shi率lv都dou是shi根gen據ju數shu據ju分fen析xi得de出chu的de結jie果guo，通tong過guo數shu據ju測ce試shi頁ye麵mian
，才cai知zhi道dao如ru何he增zeng加jia點dian擊ji率lv，減jian少shao跳tiao失shi率lv。下xia麵mian將jiang根gen據ju數shu據ju去qu分fen析xi點dian擊ji率lv和he跳tiao失shi率lv：

1、點擊率

點dian擊ji率lv本ben身shen和he銷xiao量liang就jiu是shi密mi不bu可ke分fen的de，但dan點dian擊ji率lv和he設she計ji又you有you什shen麼me關guan聯lian呢ne？這zhe就jiu是shi接jie下xia來lai要yao分fen析xi的de重zhong點dian，點dian擊ji率lv同tong樣yang也ye是shi和he設she計ji密mi不bu可ke分fen的de。原yuan因yin是shi什shen麼me？如ru下xia麵mian截jie圖tu所suo示shi：

沒有優化前

優化後

 上麵截圖顯示在優化前與優化後的頁麵對比的點擊次數相差很大。原因就是優化後

yemianshejipaibanbiyouhuaqiandeshejipaibangengjiatuchuzhongdian
，shijiaochuandagengqingximingle，xiaofeizhebudanjiaodeyemianhaokanyinqigoumaiyuwang，yehuirongyihuoqudaochanpindexinxidian，congerdianjicishujiuhuibuduanzengjia。yincidechujielunshejiyingxiangdianjilv，dianjilvyingxiangxiaoliang，ranerxiaoliangjiushiyingxiangzhuanhualvdesidayinsuzhiyi，najiushimaideyueduo

，zhuanhualvjiuyuegao。

左zuo圖tu與yu右you圖tu對dui比bi，右you圖tu的de點dian擊ji次ci數shu明ming顯xian增zeng長chang好hao幾ji倍bei
，可ke以yi看kan出chu設she計ji排pai版ban經jing過guo重zhong新xin優you化hua後hou
，點dian擊ji率lv就jiu不bu斷duan增zeng加jia。而er左zuo圖tu和he右you圖tu的de數shu據ju來lai源yuan是shi通tong過guo生sheng意yi參can謀mou-經營分析-裝(zhuang)修(xiu)分(fen)析(xi)的(de)測(ce)試(shi)所(suo)得(de)出(chu)的(de)有(you)關(guan)數(shu)據(ju)。左(zuo)圖(tu)與(yu)右(you)圖(tu)的(de)頁(ye)麵(mian)經(jing)過(guo)數(shu)據(ju)分(fen)析(xi)的(de)測(ce)試(shi)，可(ke)清(qing)楚(chu)了(le)解(jie)到(dao)什(shen)麼(me)樣(yang)的(de)頁(ye)麵(mian)可(ke)以(yi)吸(xi)引(yin)消(xiao)費(fei)者(zhe)的(de)眼(yan)球(qiu)，什(shen)麼(me)樣(yang)的(de)頁(ye)麵(mian)可(ke)以(yi)增(zeng)加(jia)點(dian)擊(ji)率(lv)。可(ke)以(yi)適(shi)當(dang)地(di)優(you)化(hua)店(dian)鋪(pu)頁(ye)麵(mian)，這(zhe)樣(yang)就(jiu)會(hui)不(bu)斷(duan)提(ti)升(sheng)店(dian)鋪(pu)的(de)轉(zhuan)化(hua)率(lv)。所(suo)以(yi)要(yao)嚐(chang)試(shi)去(qu)用(yong)數(shu)據(ju)去(qu)分(fen)析(xi)設(she)計(ji)的(de)頁(ye)麵(mian)，數(shu)據(ju)會(hui)給(gei)到(dao)你(ni)正(zheng)確(que)的(de)答(da)案(an)，因(yin)為(wei)數(shu)據(ju)分(fen)析(xi)和(he)設(she)計(ji)本(ben)身(shen)也(ye)是(shi)一(yi)家(jia)人(ren)，隻(zhi)是(shi)很(hen)少(shao)人(ren)去(qu)用(yong)數(shu)據(ju)去(qu)分(fen)析(xi)設(she)計(ji)，所(suo)以(yi)在(zai)這(zhe)裏(li)提(ti)醒(xing)大(da)家(jia)，想(xiang)要(yao)提(ti)升(sheng)轉(zhuan)化(hua)率(lv)，也(ye)可(ke)以(yi)通(tong)過(guo)數(shu)據(ju)測(ce)試(shi)分(fen)析(xi)頁(ye)麵(mian)在(zai)優(you)化(hua)之(zhi)後(hou)點(dian)擊(ji)次(ci)數(shu)會(hui)不(bu)會(hui)增(zeng)加(jia)，從(cong)而(er)多(duo)了(le)一(yi)個(ge)不(bu)用(yong)花(hua)錢(qian)就(jiu)可(ke)以(yi)做(zuo)到(dao)有(you)效(xiao)的(de)推(tui)廣(guang)店(dian)鋪(pu)的(de)好(hao)方(fang)法(fa)。

     2、跳失率

說道到了第四大點從設計的角度分析跳失率，這是什麼說法，之前沒聽過呀

？分析完了視覺傳達、點擊率和數據分析就可以了嗎？跳失率和設計能有什麼影響？NO NO NO跳失率不但和設計有關係，同樣和停留時長
、轉化率有關係。如下圖所示：

     congshangmiandeshujudechu
，yemianjingguoyouhuazhihoutingliushichangbuduanzengjia
，ertiaoshilvquebuduanjianshao。shuomingyemianshejidehaokanshidexiaofeizhedeliulancishubianduo
，tingliushichangyehuibianjiu，tiaoshilvjiuhuimanmanjianshao,轉化率也會慢慢提高。

平均停留時間：25.2S    平均跳失率：44.2%   平均轉化率：4.58% 

總結：

     1
、作為電商設計師，不僅要有過硬的技術

，同樣也得具備一定的運營知識、營銷思路。其設計作品不僅經得起視覺的推敲，同時也能顧及到營銷思路，更具有商業價值。

     2、根(gen)據(ju)具(ju)體(ti)數(shu)據(ju)分(fen)析(xi)，洞(dong)察(cha)消(xiao)費(fei)者(zhe)的(de)心(xin)理(li)，再(zai)進(jin)行(xing)視(shi)覺(jiao)上(shang)的(de)創(chuang)意(yi)闡(chan)述(shu)。不(bu)但(dan)設(she)計(ji)方(fang)向(xiang)明(ming)確(que)，營(ying)銷(xiao)方(fang)向(xiang)也(ye)起(qi)到(dao)很(hen)大(da)的(de)作(zuo)用(yong)。給(gei)消(xiao)費(fei)者(zhe)帶(dai)來(lai)不(bu)一(yi)樣(yang)的(de)視(shi)覺(jiao)體(ti)驗(yan)的(de)同(tong)時(shi)也(ye)會(hui)增(zeng)強(qiang)消(xiao)費(fei)者(zhe)對(dui)品(pin)牌(pai)的(de)認(ren)知(zhi)感(gan)，更(geng)能(neng)抓(zhua)住(zhu)消(xiao)費(fei)者(zhe)的(de)消(xiao)費(fei)心(xin)理(li)。