2018年~2024年至今，很多中國(guó)品牌，紛紛投身于全球市場(chǎng)的流量逐鹿之中。Shopify建站，自然成為一個(gè)熱點(diǎn)話題。大多數(shù)賣家，之所以一致選擇Shopify，主要基于以下幾點(diǎn)考量：
0基礎(chǔ)輕松上手的建站程序；
海量設(shè)計(jì)精美的主題模板，大大降低開發(fā)成本；
產(chǎn)品管理和營(yíng)銷功能足夠強(qiáng)大；
-
數(shù)據(jù)系統(tǒng)100%支持，所有訂單和流量追蹤；
的確，伴隨一批批年銷售額幾十億的超級(jí)賣家橫空出世，以Shopify商城為外包裝的C端網(wǎng)站，已然風(fēng)靡全球。
如何打造我們的Shopify網(wǎng)站，讓它從行業(yè)中脫穎而出？今天，我將結(jié)合Hunterstop的設(shè)計(jì)經(jīng)驗(yàn)，為大家一一解鎖，4種極致的用戶體驗(yàn)設(shè)計(jì)。
極致一：?jiǎn)⒂么竽懬易孕诺木W(wǎng)站字體
字體，決定網(wǎng)站從頭到尾的品牌調(diào)性。在開始Shopify建站之前，我首先根據(jù)產(chǎn)品領(lǐng)域，選擇凸出且有辨識(shí)度的字體。我經(jīng)常使用：
Oswald：適合機(jī)械和戶外產(chǎn)品；
Sans-serif：3C以及家用產(chǎn)品的首選；
Montserrat：靈動(dòng)而且自然，讓人安心；
-
Jost：極具個(gè)性和設(shè)計(jì)感，適用于寵物、美妝以及服飾行業(yè)；
這四種字體，非常具有代表性。大家可以，在自己的頁(yè)面編輯器Style設(shè)置上，調(diào)試上述字體，預(yù)覽效果。
由于戶外狩獵和野外生存，是一種硬漢項(xiàng)目。因此，我看重Oswald字體的肌肉線條，有力量而且足夠霸氣！
除此之外，我會(huì)設(shè)置Heading標(biāo)題、描述文本以及導(dǎo)航的字母間距。默認(rèn)的letter-spacing會(huì)讓人產(chǎn)生窒息感，視覺效果也太過于緊湊。
0.5px間距：適用于導(dǎo)航以及text文本；
-
0.7px~1.0px間距：更適合H2、H3等頁(yè)面標(biāo)題；
千萬不要忽視字體的設(shè)計(jì)，更不建議使用主題自帶的樣式。否則，無法準(zhǔn)確或者更加到位地傳達(dá)品牌特點(diǎn)。
極致二：頁(yè)面構(gòu)圖效果與素材甄選
我曾在《如何構(gòu)建最棒的獨(dú)立站用戶體驗(yàn)（2022深度設(shè)計(jì)指南）》一文中，詳細(xì)講解頁(yè)面構(gòu)圖的邏輯和重要性，建議細(xì)讀。
優(yōu)秀的設(shè)計(jì)師，應(yīng)該懂得如何給客戶，留下足夠深刻的印象。因此，我要知道幾件非常重要的事情：
如何不浪費(fèi)客戶的每一眼瀏覽？
下一個(gè)內(nèi)容模塊，用戶想知道什么信息？
-
設(shè)計(jì)上該如何展現(xiàn)這些信息？
建議大家，開設(shè)Shopify店鋪之前，一定花費(fèi)時(shí)間，研究行業(yè)頂級(jí)的全球競(jìng)對(duì)網(wǎng)站?？梢酝ㄟ^Semrush+Hotjar，分析頁(yè)面內(nèi)容的用戶體驗(yàn)。
對(duì)于那些排名高、關(guān)鍵詞轉(zhuǎn)化效果好的落地頁(yè)，重點(diǎn)進(jìn)行分析。我會(huì)在稍后，更新關(guān)于如何使用Hotjar工具的實(shí)操文章，不要錯(cuò)過。
#1. 圖片素材庫(kù)：gettyimages.co.uk
Hunterstop主站使用的海報(bào)圖，全部來自于Gettyimages。我?guī)缀醪贿x擇國(guó)內(nèi)的素材網(wǎng)站，主要因?yàn)椋?/span>
圖片場(chǎng)景很普通，沒有亮點(diǎn)；
與產(chǎn)品關(guān)聯(lián)性非常弱；
-
出鏡外國(guó)人擺拍嫌疑較大；
Gettyimages基本不存在上述問題，通過搜索產(chǎn)品關(guān)鍵詞或者長(zhǎng)尾詞，就能找到自己想要的效果。
與此同時(shí)，每張圖片下方，會(huì)有更加具象的聯(lián)想圖片，大大縮簡(jiǎn)了我的查詢范圍和時(shí)間成本。
#2. 圖片素材庫(kù)：Themeforest
我也會(huì)使用主題森林，挖掘我想要的海報(bào)效果。Themeforest主圖中，擁有非常龐大的素材資源。
每一個(gè)Demo，就像一座取之不盡的礦山，善于發(fā)現(xiàn)的人，總能另辟蹊徑地找到“寶貝”。
當(dāng)我發(fā)現(xiàn)，值得引用的素材之后，就會(huì)通過簡(jiǎn)單的CSS代碼，將其捕獲。這里想說，不要覺得很多東西，與自己的工作無關(guān)，一味排斥。
你可以反對(duì)加班，但是不要拒絕自我成長(zhǎng)。獨(dú)立站需要你什么都會(huì)，事無巨細(xì)又可以挑起大梁。
極致三：讓文案更有穿透性
與傳統(tǒng)外貿(mào)網(wǎng)站不同，不要高估C端客戶的選擇耐心。升級(jí)Shopify購(gòu)物體驗(yàn)，要求賣家用最直接的文案表達(dá)，說出買家內(nèi)心的訴求點(diǎn)。
關(guān)于英文文案寫作，之前也分享過很多我的個(gè)人經(jīng)驗(yàn)。具體表達(dá)技巧，請(qǐng)閱讀以下文章：
所有內(nèi)容輸出，圍繞我們可以為客戶提供什么，而不是我們有什么，更不是夸大其詞地吹噓。
很重要的一點(diǎn)，把自己對(duì)產(chǎn)品的熱愛，傳達(dá)給客戶。實(shí)際上，品牌本身價(jià)值，是通過產(chǎn)品找到志同道合的“發(fā)燒友”。
極致四：3款必備的Shopify營(yíng)銷App
除了上述三點(diǎn)，Shopify店鋪裝修相關(guān)操作之外，App工具也是整個(gè)Shopify獨(dú)立站運(yùn)營(yíng)，重中之重。
下面推薦，我常用的3款高效的營(yíng)銷類App，大家可以自行嘗試。
#1.?Ecomposer Builder編輯器
編輯器工具，是任何一個(gè)Shopify獨(dú)立站，必不可少的App之一。很多demo的效果，過于死板。因此，編輯器的介入，會(huì)讓整個(gè)頁(yè)面更有設(shè)計(jì)感。
與PageFly旗鼓相當(dāng)，其實(shí)Ecomposer Builder在價(jià)格和性能方面，更勝一籌。我在《Shopify全球店鋪“設(shè)計(jì)師”——2022年5大風(fēng)靡全球的Shopify頁(yè)面構(gòu)建器》中，推薦了另外幾款編輯器：
PageFly（6203條評(píng)論，綜合評(píng)分4.9）
GemPages（2608條評(píng)論，綜合評(píng)分4.9）
LayoutHub（2115條評(píng)論，綜合評(píng)分4.9）
Shogun（2687條評(píng)論，綜合評(píng)分4.7）
-
Zipify（577條評(píng)論，綜合評(píng)分4.8）
其中，每個(gè)編輯器的性能和使用體驗(yàn)，我已做了詳細(xì)對(duì)比。個(gè)人習(xí)慣，推薦Ecomposer Builder編輯器App，主要還是比較依托于它強(qiáng)大的模板資源。
不管是Header與Footer模塊，還是基于不同用途的頁(yè)面Elementor，應(yīng)有盡有，而且歐美風(fēng)格盎然。
#2.?Loyalty Program忠誠(chéng)度計(jì)劃
忠誠(chéng)度計(jì)劃，其實(shí)就是通過任務(wù)形式，讓用戶參與網(wǎng)站的運(yùn)營(yíng)?？蛻艨梢酝ㄟ^注冊(cè)網(wǎng)站、關(guān)注社媒、分享推廣鏈接等行為，獲取一定積分。
這些積分，對(duì)應(yīng)面值不等的優(yōu)惠券。當(dāng)客戶準(zhǔn)備購(gòu)物時(shí)，優(yōu)惠券將自動(dòng)抵扣，從而降低客戶的支付金額。
關(guān)于Loyalty Program具體玩法和變現(xiàn)技巧，我已經(jīng)在《訂單轉(zhuǎn)化+6000美金：30天內(nèi)，我如何玩賺Loyalty Program忠誠(chéng)度計(jì)劃》文章中，詳細(xì)說明。
#3.?Mailchimp 郵件營(yíng)銷
對(duì)于C端網(wǎng)站而言，郵件營(yíng)銷，是前期與客戶建聯(lián)最好的方式之一。相比于其他推廣模式，Email Marketing的優(yōu)勢(shì)主要在于：
主動(dòng)出擊，獲客成本更低；
海量的HTML模板可供選擇；
花費(fèi)很少的成本，即可贏取第一批忠實(shí)用戶；
-
全自動(dòng)化減少人工干預(yù)；
我個(gè)人比較建議，所有的Shopify新站，都開放使用Mailchimp，作為郵件營(yíng)銷的主要渠道和載體。
Mailchimp定義為輕量級(jí)Email Marketing主流工具，價(jià)格套餐親民，而且定時(shí)發(fā)送、主題優(yōu)化、郵件模板等功能，樣樣俱全。請(qǐng)參考：
因此，如果Shopify運(yùn)營(yíng)初期，想要迅速擴(kuò)張訂單來源，郵件營(yíng)銷是一個(gè)不錯(cuò)且很快可以落地的選擇。
寫在最后
隨著AI時(shí)代到來，越來越多的工具，讓獨(dú)立站建站變得得心應(yīng)手。然而，這并不意味著人工的存在，沒有意義。
實(shí)際上，一些極致的設(shè)計(jì)和用戶體驗(yàn)，永遠(yuǎn)是AI智能達(dá)不到的水準(zhǔn)。批量流水線式的產(chǎn)品，一定不如純手工打造的，更有流傳價(jià)值！
文章為作者獨(dú)立觀點(diǎn)，不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接，特地開通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神，不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧，更有一些資源收藏愛好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群，備注【加群】。 ( 群完全免費(fèi)，不廣告不賣課！)
