Shopify如何進行店鋪設計?

blank

Shopify如何進行店鋪設計?

我們在做shopify的時候,也是就在選品和開始運行店鋪之間,有很重要的一步是對於Shopify店舖的設計

通過Shopify這種傻瓜式的建站,我們現在要在網上建立自己的商城,只要註冊一個賬號,選擇店鋪外觀,並添加產品就行了。

雖然說起來很簡單,但是在這幾個步驟中間,還是有很多需要考慮的細節,不能馬虎。

你有沒有發現,一個糟糕的店鋪設計是很難贏得用戶的信任的。那麼呢,下面這篇文章就來教大家怎樣設計一個精緻的店舖網站

主題

主題是指,一個可以直接下載的,已經設計好了的網站模板,我們只需要下載下來,插入我們的網站就可以直接使用。

大家可以直接在shopify的官網買主題

地址: themes.shopify.com/

我真的不建議大家在外面隨便亂買shopify的主題,我覺得還是經過官方的認證會比較安全,因為這種價格也不是很貴,一次性的費用在150~180美金之間,沒必要為了省點費用,而進行不可靠的購買

對於shopify一個店鋪來說,網站的主題可以決定我們店鋪最終的樣子。

第一印像是很重要的,所以我們不能只是隨機選一個模板,我們要選一個能夠真正代表我們品牌的模板。

可能會有小伙伴覺得選擇公司網站主題這個責任非常巨大,所以選主題的時候,我們不僅要考慮我們要的是哪一種類型的網站,還要去看一下不同模板的特點和自定義選項。

我們網站的主題就是給訪客的第一印象,所以我們下面就來看看我們在選shopify主題之前要考慮些什麼:

第一:讓訪客我們的網站熟悉

讓訪客對我們的網站熟悉是什麼意思?意思就是:我們的網站要一眼看過來就清楚有哪些板塊,什麼板塊在哪裡,怎樣操作等,不要讓客戶思考。

也就是說,我們的網站不要設計得太與眾不同,原則上最好按照一般網站來。

最好的shopify主題一般都是傳統型設計,用的也都是大家普遍接受的操作方式和頁面佈局。就算是免費的shopify主題也是遵循這些原則的。

下一步,想想我們的購物車和結算頁面— 我們一般是不會專門去網頁頁腳找的吧。

所以shopify主題對我們來說是再好不過了,因為他的主題是各個頁面的風格都是保持一致得,所以用戶在我們的頁面來迴轉換也會覺得比較舒服。

其實選主題最安全的方法就是選一個簡單點的,簡單的主題甚至對潛在顧客的轉化率還比較高。

也就是說,有時候最好的shopify主題就是有讓人熟悉的風格,以及方便用戶使用。

我們先來看一些設計得比較差的例子:

blank

我們上面放出來給大家看的這個產品頁面,是用戶非常不熟悉的。我們來仔細分析一下這個頁面不好,到底不好在哪裡:

✔ 產品描述,不存在的;

✔ 用戶評價,不存在;

✔ 產品圖片單一(只有一個顏色的正反面);

✔ 沒有產品使用中的圖;

✔ 產品特點描述,沒有;

✔ Call-to-action按鈕,不夠清楚。

看完上面那個設計得比較差的產品頁面之後,我們再來看一個設計得比較好的:

blank

blank

這是一個晚禮服出租的網站,那為什麼說這個頁面做得好?我們也來仔細分析一下:

✔ 禮服照片高清,好看;

✔ Call-to-action按鈕明顯,不會錯過;

✔ 而且這個圖片信息特別詳細,會自動放大,讓客戶看到細節圖;

✔ 不僅有產品圖,還有各種碼的試穿圖;

✔ 下面的“+”,點開可以看到產品的很多細節描述;

✔ 除了上面的產品描述之外,還有更多相似推薦。

考慮我們可投入的資源

當我們在選擇shopify主題的時候,我們要先考慮,我們能投入在設計上的資源有多少?

如果我們沒有什麼設計經驗或是預算也比較緊的話,我們一定要找banners比較少的主題。因為如果我們不是專業設計師的話,banner是一個很難控制的元素。

很多人可能最後選的是一個看起來很好看的有很多banner的主題,但是插入很多自己的設計之後就會,整個網站看起來就特別不好看。

當然,我這裡建議大家一定要試用,絕大多數的模板主題都是有demo的,你可以測試下,感受感受,如果不喜歡的話,完全可以換掉。所以不要立刻就付費購買。

另外如果你的預算不太夠的話,那麼你完全可以用免費主題,免費主題用起來也是很有效率的。

免費主題雖然可能不是我們最理想的選擇,但是免費主題也是直接由shopify官方技術支持的,所以我們完全可以放心使用。

如果還是不太喜歡這個免費主題的話,我們可以暫時先用著,然後等我們手裡可用的資源多了點,再來換一個更漂亮的主題。

在shopify主題上看看自己的產品

Shopify主題會事先插入一些產品圖片在頁面上,當然這些產品跟主題本身是可以融合得很好的。但是我們最好要把我們自己的產品圖片P到上面看一下,看我們的產品照片放在上面是什麼樣子,搭不搭?

還有,如果我們目前還沒有高清的產品圖的話,建議不要選產品展示板塊特別大的主題。

我們如果沒辦法自己拍產品圖的話,其實Oberlo的圖片都是很高清的,所以如果我們在Oberlo上,甚至是有時候速賣通上找圖片也都是可以的。

移動端自適應主題

超過50%的Shopify的訂單都是來自移動端。所以,我們必須要要選一個適應移動端的主題。特別是對現在來說,如果我們的網站能夠適應移動端,我們就會給客戶一個更好的體驗感。

很多做eCommerce的賣家都是,在選好,安裝好了之後,才會想起來去看看自己網站移動端能不能適應。

這樣是很不保險的,所以我們在接下來說的幾點上,都要同時確保網頁版和移動端都是能適應的。 Ps:免費主題都是移動端自適應的。

blank

選擇加載快的主題

我們在選主題的時候還要注意一點,不要選那些加載慢的網站,像有什麼奇怪的動畫啊,或是什麼其他的滑動展示什麼的。

有些小伙伴可能會覺得放些動畫和展示圖片會很吸引人,但其實這些因素會拖慢我們的網站運行速度。

最好的主題往往都是運行非常快的,不僅僅要吸引顧客下單,還要保證顧客的用戶體驗。 Amazon的話,加載速度每慢一秒,他們的年銷售額就會少160億美金。當然,對我們自己的店鋪來說,數字肯定小很多,但是,大家懂這個意思就行。所以,選主題的時候,一定不能忘了這一點。

Tips

我們前面的文章也有講過,shopify本身的可以選的主題比較少,而且收費也比較高。

所以我們選主題,不一定非要在shopify上選,我們還可以在theme forest上找: themeforest.net/

blank

網站設計的6個主要方面

Shopify店鋪設計可以分為6個方面:

logo和品牌風格

主頁

產品類別

產品本身

產品頁面和其他內容

下面我們來具體分析:

Logo和品牌風格

✔ logo和品牌風格。品牌風格我想大家心裡應該都比較清楚,看產品行業適合什麼風格或是,你喜歡什麼風格。 Logo呢,怎樣設計自己的logo?

要設計logo,如果不是專業設計的小伙伴,估計自己畫是比較難的。所以我們還是可以用一下其他的工具。比如Canva: canva.com/

blank

設計logo的時候,我們就要圍繞的我們品牌風格來了,要跟品牌風格保持一致。 Logo和品牌風格都確定下來之後,我們來看看

網站配色:

那我們不知道哪些色調比較搭怎麼辦?或是我們從一開始就不知道選什麼顏色怎麼辦?

如果完全還沒想好品牌顏色的話,我們可以根據我們的產品來找靈感。

比如:產品是木製家具或是皮革製品,可以選擇棕色,米色和橙色等自然,溫和一點的色調。

不會配色的小伙伴呢,可以藉助在線調色板工具的幫助: colorhunt.co/

blank

既然講了配色,我們就不得不講講字體。

字體:

Ø 使用字體不要超過3種

反正說來說去,就是一致性。所以我們的字體最好也不要搞得花里胡哨的,看起來不整潔。字體有三個要求— 易讀,一致以及清晰。

Ø 字體搭配協調

我們說字體不要超過3種,而不是說只用一種,因為只用一種的花,有些內容可能會難以區分,而且也會顯得有點單調。所以我們可以用一個字體的:常規版本,粗體和斜體來搭配使用。

Ø 使用不同大小的字體

除了用字體的不同版本,我們還可以用不同大小的字體來突顯不同的內容。內容越重要,字體就越大。當然要大的合理,不要太誇張。

blank

具體案例

Gecqo:

網站地址: gecqo.com/

blank

Gecqo,字面意思就是“壁虎”,而且我們可以看到他們Logo的大寫G就是一個壁虎的樣子,可以說是很特別了,而且整個風格也是非常清新。

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

blank

也就是說,我們在設計我們的shopify網站的時候,選好logo和品牌風格之後,我們後面的內容都是全部要圍繞logo和品牌風格來做。

很多人在設計的時候,經常會忘記要保持風格的一致性,就把一堆覺得好看的東西都東加一點,西加一點,然後整個網站看起來就是很雜,很亂。

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

主頁

Ring to Perfection:

像我們剛才說的,這個主頁也是跟logo和品牌風格保持一致的。我們可以看到圖片中產品名字使用的字體跟logo的字體是一樣的,而且主頁整體風格也是清晰,整潔。

Ø 主頁最上方:

主頁照片的風格,色調也都是一樣的。而且他們不僅僅是展示產品圖片,還有產品的使用圖,以及一些關鍵性的描述詞。

blank

Ø 主頁的其他細節

比如主頁的最上方的導航,最上方的信息包括了訂單超過30美金包郵,以及聯繫方式啊,追踪訂單等等的信息:

blank

Ø 站內導航

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

blank

Ø 最受歡迎的產品系列

這個頁面看起來也是非常乾淨,舒服。主頁下面就直接給訪客看最受的產品的系列,可以刺激他們的消費衝動。

blank

Ø 買家秀區域

這個區域是很重要的,我們之前的社交證明,顧客反饋有多重要也說過很多次了,大家肯定也都很清楚了。所以,如果大家有社交賬號,而且有粉絲互動,發買家秀的話,強烈建議大家設置一個這樣的板塊。

blank

產品類別

Royal Furnish:

地址: royalfurnish.com/

blank

這個網站的主頁看起來很簡單,但是因為他們的產品系列很多,但是這個網站把這麼多的產品類別都分類整理得非常好。

清晰,乾淨,一目了然。而且在節省網頁空間的同時,他們還能有對產品有描述性的圖片。分類展示得非常好。

產品本身

產品本身無疑是非常非常重要的一點,我們在給我們的商店添加產品的時候,我們要確保這些產品跟我們的niche是非常相關的

也就是說,我們要確定,我們上傳的每一件產品都是有可能被我們的目標客戶購買的,而不是加很多無關產品進去。這樣反而會分散我們潛在客戶的注意力。

Ø 跟niche高度相關

所以我們要加的產品是要高質量的,跟我們的目標客戶非常相關的產品。比如:Survival world hq:

地址: survivalworldhq.com/

blank

這個品牌主要是做一些野外生存的工具的,他們的目標客戶就是對野外生存有興趣的人群。所以他們的產品都是非常有針對性的,也就是非常專業的野外求生工具,完全沒有業餘的東西。

blank

說到產品本身,不只是要跟niche高度相關,畢竟我們是線上店,展示產品就要靠圖片,我們接下來我們就來講講我們的圖片有什麼標準要遵循。

Ø 圖片分辨率和比例大小

在選擇主題的時候,圖片也是我們絕對不能忽略的一個要點。前面我們講了圖片要高清,我們這裡說的高清是什麼概念?

說得更具體一點,我們上傳的圖片像素至少要是1024✖1024.如果可以的話呢,最好是按shopify的最高分辨率上傳,也就是2048✖2048.

Ø 圖片比例大小

我們的產品是是會在我們網站的很多板塊重複出現的,比如首頁,產品相冊頁,產品頁。像我們前面說的,網站的色調和風格要保持一致,現在圖片的比例也要保持一致。

圖片的比例大小保持一致,會讓我們的網站整體看起來非常整潔,佈局非常清晰。

產品頁面

Puravida:

puravidabracelets.com/

blank

Ø 購買頁面

非常高清的圖片,非常簡單的界面。也是非常熟悉的操作界面,選擇戒指尺寸,call-to-action按鈕清晰顯眼。

Ø 產品描述和細節

blank

他的產品描述和細節是分開的,是不是很多小伙伴之前都沒有這樣分開過?如果我們把這個兩個分開的話,會顯得更加專業— 描述是描述,細節是專業細節。

blank

Ø 其他信息呢?

作者:顧小北B2C( 顧小北的B2C博客,微信公眾號: guxiaobei365 )是跨境電商領域權威的B2C營銷專家,擅長SNS(Facebook,Instagram,pinterest,Twitter,YouTube等一系列社交營銷),SEO,Amazon ,分享跨境電商經驗以及心得。可搜索微信公眾號小北的夢囈,關注更多資訊。

本文由@顧小北原創發佈於知乎平台,未經許可,禁止轉載。

What do you think?

Written by Shopify Expert

blank

個人如何做shopify-信用卡收款工具2checkout註冊

blank

SHOPIFY店舖網速優化