可能很多朋友會(huì)覺(jué)得，shopify只是建個(gè)模板網(wǎng)站罷了，沒(méi)什么難的，把產(chǎn)品文字描述和圖片放上去就可以了。

如果你真的也這么想，那么你就大錯(cuò)特錯(cuò)了。

認(rèn)真做好店鋪設(shè)計(jì)將會(huì)對(duì)后期的轉(zhuǎn)化和客戶留存起到關(guān)鍵的作用。

大家有沒(méi)有發(fā)現(xiàn)，一個(gè)糟糕的店鋪設(shè)計(jì)是很難贏得用戶的信任的。那么設(shè)計(jì)一個(gè)精美的店鋪網(wǎng)站就是很有必要的了。對(duì)于shopify店鋪來(lái)說(shuō)，網(wǎng)站的主題可以決定我們店鋪?zhàn)罱K的樣子。第一印象是很重要的，所以我們不能只是隨機(jī)選一個(gè)模板，我們要選一個(gè)能夠真正代表我們品牌的模板。大家可以直接在shopify的官網(wǎng)買主題。地址：https://themes.shopify.com/

1.主題模版選擇原則

在選擇的過(guò)程中，以下幾點(diǎn)需要特別注意：

（1） 從正規(guī)渠道購(gòu)買付費(fèi)主題，不要去胡亂下載一些免費(fèi)的，不靠譜，存在風(fēng)險(xiǎn)。

（2）根據(jù)自己商品特點(diǎn)，選擇合適的主題，不要風(fēng)格一點(diǎn)都不搭，看起來(lái)非常別扭，也顯得不夠?qū)I(yè)。

（3）我們的網(wǎng)站不要設(shè)計(jì)得太與眾不同，原則上最好按照一般網(wǎng)站來(lái)。最好的shopify主題一般都是傳統(tǒng)型設(shè)計(jì)，用的也都是大家普遍接受的操作方式和頁(yè)面布局。其實(shí)選主題最安全的方法就是選一個(gè)簡(jiǎn)單點(diǎn)的，簡(jiǎn)單的主題甚至對(duì)潛在顧客的轉(zhuǎn)化率還比較高。也就是說(shuō)，有時(shí)候最好的shopify主題就是有讓人熟悉的風(fēng)格，以及方便用戶使用。

（4）不要在自己的主題中添加過(guò)多的元素，會(huì)降低網(wǎng)站打開(kāi)速度，影響購(gòu)物體驗(yàn)。好的主題不僅僅要吸引顧客下單，還要保證顧客的用戶體驗(yàn)。

（5）認(rèn)真查看主題的評(píng)價(jià)，看主題的優(yōu)點(diǎn)、缺點(diǎn)，全面權(quán)衡之后再?zèng)Q定購(gòu)買。我這里建議大家一定要試用，絕大多數(shù)的模板主題都是有demo的，你可以測(cè)試下，感受感受，如果不喜歡的話，可以換掉。

（6）具有自適應(yīng)性。超過(guò)50%的Shopify的訂單都是來(lái)自移動(dòng)端。所以，我們必須要要選一個(gè)適應(yīng)移動(dòng)端的主題。特別是對(duì)現(xiàn)在來(lái)說(shuō)，如果我們的網(wǎng)站能夠適應(yīng)移動(dòng)端，我們就會(huì)給客戶一個(gè)更好的體驗(yàn)感。

2. 網(wǎng)站設(shè)計(jì)的6個(gè)主要方面

Shopify店鋪設(shè)計(jì)可以分為6個(gè)方面：

a. logo和品牌風(fēng)格

b. 網(wǎng)站配色和字體

c. 主頁(yè)

d. 產(chǎn)品類別

e. 產(chǎn)品本身

f. 產(chǎn)品頁(yè)面和其他內(nèi)容

具體如下：

（1）Logo 和品牌風(fēng)格

Logo無(wú)論在品牌推廣還是店鋪推廣中都有著舉足輕重的作用，一個(gè)好的Logo在日常的營(yíng)銷活動(dòng)中是最亮眼最吸引人眼球的視覺(jué)元素。

品牌的存在無(wú)形之中會(huì)給用戶帶來(lái)心理上默認(rèn)的認(rèn)可。無(wú)論是對(duì)品牌模式還是垂直類目模式的獨(dú)立站而言，一個(gè)好看的甚至是經(jīng)典的logo對(duì)網(wǎng)站的信任度，轉(zhuǎn)化是有非常大的促進(jìn)作用。

那么怎樣設(shè)計(jì)自己的logo？

要自己設(shè)計(jì)logo，可以用一些簡(jiǎn)單的工具，比如Canva：https://www.canva.com/

品牌風(fēng)格的具體案例

GLDN

https://www.gldn.com/

GLDN，可以聯(lián)想到Gold Design，這個(gè)網(wǎng)站主要賣一些自己設(shè)計(jì)的金屬材質(zhì)的首飾，多以金色為主，這個(gè)Logo跟他們的產(chǎn)品也是十分契合了，而且整個(gè)風(fēng)格也是非常清爽。

我們?cè)偻禄纯聪旅娴捻?yè)面，我們可以看到，他們整個(gè)頁(yè)面的風(fēng)格都是非常的一致，這些界面的主題風(fēng)格都是一致的，看起來(lái)非常舒服。

也就是說(shuō)，我們?cè)谠O(shè)計(jì)我們的shopify網(wǎng)站的時(shí)候，選好logo和品牌風(fēng)格之后，我們后面的內(nèi)容都是全部要圍繞logo和品牌風(fēng)格來(lái)做。

很多人在設(shè)計(jì)的時(shí)候，經(jīng)常會(huì)忘記要保持風(fēng)格的一致性，就把一堆覺(jué)得好看的東西都東加一點(diǎn)，西加一點(diǎn)，然后整個(gè)網(wǎng)站看起來(lái)就是很雜，很亂。

我們千萬(wàn)不要覺(jué)得保持網(wǎng)站的風(fēng)格一致不重要，網(wǎng)站風(fēng)格是不是一致其實(shí)會(huì)很大程度上影響訪客對(duì)我們的印象 — 包括網(wǎng)站合法性，權(quán)威性，以及使用難易度，客戶體驗(yàn)度等。

（2）網(wǎng)站配色和字體：

配色

不知道哪些色調(diào)比較搭怎么辦？

如果還沒(méi)想好品牌顏色的話，我們可以根據(jù)我們的產(chǎn)品來(lái)找靈感。

比如：產(chǎn)品是木制家具或是皮革制品，可以選擇棕色，米色和橙色等自然，溫和一點(diǎn)的色調(diào)。

不會(huì)配色的小伙伴可以借助在線調(diào)色板工具的幫助：https://colorhunt.co/

字體

使用字體記住一個(gè)總原則：保持一致性

字體最好不要搞得花里胡哨的，看起來(lái)不整潔。

字體有三個(gè)要求 — 易讀，一致以及清晰。

我們可以用一個(gè)字體的：常規(guī)版本，粗體和斜體來(lái)搭配使用來(lái)區(qū)分內(nèi)容，使網(wǎng)站顯得不那么單調(diào)。

除了用字體的不同版本，我們還可以用不同大小的字體來(lái)突顯不同的內(nèi)容。內(nèi)容越重要，字體就越大。當(dāng)然要大的合理，不要太夸張。

（3）主頁(yè)

主頁(yè)也是需要跟logo和品牌風(fēng)格保持一致的。https://au.cettire.com/

? 主頁(yè)最上方：

這家服飾店鋪主頁(yè)照片的風(fēng)格，色調(diào)也都是一樣的。而且他們不僅僅是展示產(chǎn)品圖片，還有促銷信息，以及一些關(guān)鍵性的描述詞。

? 主頁(yè)的其他細(xì)節(jié)

比如主頁(yè)的最上方的導(dǎo)航，最上方的信息包括了退貨政策，大促銷，免運(yùn)等等的信息

? 站內(nèi)導(dǎo)航

非常簡(jiǎn)單明了，容易操作，訪客可以很容易找到他們要找的東西。

?當(dāng)季新品系列

這個(gè)頁(yè)面看起來(lái)也是非常干凈，舒服。主頁(yè)下面就直接給訪客看當(dāng)季新品系列，可以刺激他們的消費(fèi)沖動(dòng)。

（4）產(chǎn)品類別

Royal Furnish：

地址：https://www.royalfurnish.com/

這個(gè)網(wǎng)站的產(chǎn)品系列很多，但是這個(gè)網(wǎng)站把這么多的產(chǎn)品類別都分類整理得非常好。

清晰，干凈，一目了然。而且在節(jié)省網(wǎng)頁(yè)空間的同時(shí)，他們還能有對(duì)產(chǎn)品有描述性的圖片。分類展示得非常好。

（5）產(chǎn)品本身

產(chǎn)品本身無(wú)疑是非常非常重要的一點(diǎn)，我們?cè)诮o我們的商店添加產(chǎn)品的時(shí)候，我們要確保這些產(chǎn)品跟我們的niche是非常相關(guān)的

我們要確定，我們上傳的每一件產(chǎn)品都是有可能被我們的目標(biāo)客戶購(gòu)買的，而不是加很多無(wú)關(guān)產(chǎn)品進(jìn)去。這樣反而會(huì)分散我們潛在客戶的注意力。

? 跟niche高度相關(guān)

我們要上的產(chǎn)品需要跟我們的目標(biāo)客戶非常相關(guān)的產(chǎn)品。

比如：colourpop：https://colourpop.com

這個(gè)品牌主要是做美妝產(chǎn)品的，他們的目標(biāo)客戶就是化妝感興趣的人群。所以他們的產(chǎn)品都是非常有針對(duì)性的，都是美妝類的產(chǎn)品，完全沒(méi)有業(yè)余的東西。

? 圖片分辨率和比例大小

在選擇主題的時(shí)候，圖片也是我們絕對(duì)不能忽略的一個(gè)要點(diǎn)。

我們上傳的圖片像素至少要是1024?1024.如果可以的話呢，最好是按shopify的最高分辨率上傳，也就是2048?2048.

? 圖片比例大小

我們的產(chǎn)品是是會(huì)在我們網(wǎng)站的很多板塊重復(fù)出現(xiàn)的，比如首頁(yè)，產(chǎn)品相冊(cè)頁(yè)，產(chǎn)品頁(yè)。像我們前面說(shuō)的，網(wǎng)站的色調(diào)和風(fēng)格要保持一致，現(xiàn)在圖片的比例也要保持一致。

圖片的比例大小保持一致，會(huì)讓我們的網(wǎng)站整體看起來(lái)非常整潔，布局非常清晰。

（6）產(chǎn)品頁(yè)面

Puravida

https://www.puravidabracelets.com/

購(gòu)買頁(yè)面：call-to-action按鈕清晰顯眼

產(chǎn)品描述和細(xì)節(jié)：這家的產(chǎn)品頁(yè)面配合了組合營(yíng)銷，每款產(chǎn)品都有一段故事性的描述，有詳細(xì)的Description，尺碼表，以及相似款推薦

（來(lái)源：跨境選品寶）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。

（來(lái)源：凱文）