你所忽略的Shopify獨立站店鋪設(shè)計細節(jié)

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

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

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

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

1.主題模版選擇原則

在選擇的過程中，以下幾點需要特別注意：

（1） 從正規(guī)渠道購買付費主題，不要去胡亂下載一些免費的，不靠譜，存在風險。

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

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

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

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

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

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

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

a. logo和品牌風格

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

c. 主頁

d. 產(chǎn)品類別

e. 產(chǎn)品本身

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

具體如下：

（1）Logo 和品牌風格

Logo無論在品牌推廣還是店鋪推廣中都有著舉足輕重的作用，一個好的Logo在日常的營銷活動中是最亮眼最吸引人眼球的視覺元素。

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

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

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

品牌風格的具體案例

GLDN

https://www.gldn.com/

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

我們再往下滑看看下面的頁面，我們可以看到，他們整個頁面的風格都是非常的一致，這些界面的主題風格都是一致的，看起來非常舒服。

也就是說，我們在設(shè)計我們的shopify網(wǎng)站的時候，選好logo和品牌風格之后，我們后面的內(nèi)容都是全部要圍繞logo和品牌風格來做。

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

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

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

配色

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

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

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

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

字體

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

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

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

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

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

（3）主頁

主頁也是需要跟logo和品牌風格保持一致的。https://au.cettire.com/

? 主頁最上方：

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

? 主頁的其他細節(jié)

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

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

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

?當季新品系列

這個頁面看起來也是非常干凈，舒服。主頁下面就直接給訪客看當季新品系列，可以刺激他們的消費沖動。

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

Royal Furnish：

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

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

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

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

產(chǎn)品本身無疑是非常非常重要的一點，我們在給我們的商店添加產(chǎn)品的時候，我們要確保這些產(chǎn)品跟我們的niche是非常相關(guān)的

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

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

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

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

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

? 圖片分辨率和比例大小

在選擇主題的時候，圖片也是我們絕對不能忽略的一個要點。

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

? 圖片比例大小

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

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

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

Puravida

https://www.puravidabracelets.com/

購買頁面：call-to-action按鈕清晰顯眼

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

（來源：跨境選品寶）

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

（來源：凱文）