免費(fèi)參與·100+跨境活動(dòng) 
免費(fèi)下載·4000+跨境資料 
免費(fèi)學(xué)習(xí)·2000+直播課程 
免費(fèi)加入·15萬(wàn)+賣(mài)家交流群 
2020-12-24 17:46
1v1特權(quán)資源對(duì)接 
老板專(zhuān)屬企業(yè)課堂 
優(yōu)選源頭工廠(chǎng)名錄 
行業(yè)圈層人脈拓展 
平臺(tái)新政通道直連 
實(shí)時(shí)專(zhuān)屬管家服務(wù) 
人們不會(huì)真的以貌取人吧？不會(huì)吧？當(dāng)然會(huì)了！
無(wú)論是高檔餐廳的食物展示，還是最新的 Apple 產(chǎn)品，似乎人人都喜歡設(shè)計(jì)精美的東西。同樣的原則也適用于網(wǎng)站，尤其是在電子商務(wù)領(lǐng)域。如果你不能為訪(fǎng)客提供最好的網(wǎng)站設(shè)計(jì)，不能為顧客提供精美的包裝，那你肯定是賺不到錢(qián)的。
吸人眼球的酷炫網(wǎng)站設(shè)計(jì)一直在成功的在線(xiàn)銷(xiāo)售和營(yíng)銷(xiāo)策略中發(fā)揮關(guān)鍵作用。這是因?yàn)榫碌脑O(shè)計(jì)和漂亮的色彩搭配可以提高產(chǎn)品的感知價(jià)值。
無(wú)論你是要?jiǎng)?chuàng)建一個(gè)全新的電子商務(wù)網(wǎng)站，還是正在考慮重新設(shè)計(jì)當(dāng)前網(wǎng)站，下面列出的27種最佳網(wǎng)站設(shè)計(jì)（甚至更多）都應(yīng)該能夠?yàn)槟闾峁┴S富的電子商務(wù)網(wǎng)站設(shè)計(jì)靈感。
對(duì)網(wǎng)站設(shè)計(jì)的評(píng)判，從人們登錄你的電商網(wǎng)站那一刻就開(kāi)始了。
實(shí)際上，研究表明，訪(fǎng)客決定是否要繼續(xù)留在網(wǎng)站的時(shí)間只有50毫秒，也就是說(shuō)你只有0.05秒的時(shí)間來(lái)打動(dòng)他們的心。這就是為什么網(wǎng)站設(shè)計(jì)對(duì)你的電子商務(wù)業(yè)務(wù)如此重要的原因。
優(yōu)質(zhì)的電子商務(wù)網(wǎng)站的構(gòu)成可以由四個(gè)要素定義：
想象一下，你滿(mǎn)懷欣喜地走進(jìn)一家零售商店，進(jìn)門(mén)卻看到遍地狼藉。衣服堆得到處都是，臟兮兮的，沒(méi)有人招呼你，沒(méi)有任何能讓你感到賓至如歸的服務(wù)。你下一步會(huì)怎么做？想必是盡快離開(kāi)吧。
當(dāng)有人第一次訪(fǎng)問(wèn)你的商店時(shí)，他們可能對(duì)你的品牌、產(chǎn)品質(zhì)量或任何你的保障消費(fèi)者滿(mǎn)意的承諾一無(wú)所知。已成交交易可能會(huì)贏得他們的駐足，但是在實(shí)際進(jìn)行購(gòu)買(mǎi)之前，他們需要先信任你。
消費(fèi)者需要知道，從你那里購(gòu)買(mǎi)產(chǎn)品時(shí)，他們會(huì)收到與廣告宣傳一致的產(chǎn)品。
每個(gè)企業(yè)都應(yīng)該在其網(wǎng)站上包括三個(gè)基本的信任指標(biāo)：
聯(lián)系信息
要說(shuō)是什么將潛在客戶(hù)拒之門(mén)外，排名第一的一定是沒(méi)有聯(lián)系信息的網(wǎng)站。請(qǐng)?jiān)诰W(wǎng)站中添加你的電子郵件地址，如果方便的話(huà)，再添加一個(gè)電話(huà)號(hào)碼和通信地址那就更好了。有了這些聯(lián)系信息，再加上“關(guān)于”頁(yè)面的加持，一定會(huì)讓潛在客戶(hù)感到他們是從真實(shí)且溫暖的人那里購(gòu)買(mǎi)產(chǎn)品，而不是冷冰冰的機(jī)器。
退貨政策
退貨政策不僅方便消費(fèi)者退回不太滿(mǎn)意的產(chǎn)品，而且可以增加銷(xiāo)售額。這是因?yàn)槿绻M(fèi)者提前了解到他們可以免任何交易費(fèi)地退回產(chǎn)品，那么購(gòu)物車(chē)棄單率就會(huì)大大降低，他們的購(gòu)買(mǎi)信心也會(huì)大幅提升。
技術(shù)認(rèn)證
通過(guò)添加 Shopify Payments，你即可訪(fǎng)問(wèn)具有最新安全技術(shù)的高級(jí)功能和支付服務(wù)，來(lái)保護(hù)客戶(hù)的信息。請(qǐng)不要猶豫使用圖形或徽章來(lái)顯示你的安全合規(guī)性和你接受的所有付款方式。
沒(méi)有客戶(hù)時(shí)最難獲得客戶(hù)信任，因此在設(shè)計(jì)商店時(shí)，你一定要結(jié)合考慮這些信任指標(biāo)。
視覺(jué)吸引力的作用不可小覷，它可以推動(dòng)客戶(hù)想象擁有你的產(chǎn)品的情景，促使他們按下“購(gòu)買(mǎi)”的按鈕。
在線(xiàn)銷(xiāo)售產(chǎn)品時(shí)，感知就是一切。人們?cè)趲缀撩雰?nèi)就形成了對(duì)你的網(wǎng)站的第一印象。在 Shopify 商店中，能不能增加印象值主要取決于圖像的質(zhì)量。
這樣想吧：你的產(chǎn)品攝影就像形象大使一樣，在線(xiàn)分享你的產(chǎn)品承諾。你的客戶(hù)在購(gòu)買(mǎi)產(chǎn)品之前無(wú)法試用、品嘗、感覺(jué)或試穿你的產(chǎn)品，因此他們不得不嚴(yán)重依賴(lài)你提供的視覺(jué)效果來(lái)確定該產(chǎn)品是否適合他們。
一般來(lái)說(shuō)，你會(huì)希望在網(wǎng)站中擺上白色背景的產(chǎn)品照片，以及所用產(chǎn)品的生活照片。 Outdoor Voices 的首頁(yè)上放有生活圖片，與更多以產(chǎn)品為中心的圖片并排傳達(dá)品牌信息，以吸引訪(fǎng)問(wèn)者了解更多信息。
在白色背景上拍攝產(chǎn)品是電子商務(wù)攝影的黃金標(biāo)準(zhǔn)。這是因?yàn)榘咨尘翱梢愿逦卦敿?xì)查看商品，并且去掉了品牌的光環(huán)，你的產(chǎn)品可以吸引不同的受眾。
無(wú)論你是通過(guò)自己的 Shopify 商店、亞馬遜還是 eBay 進(jìn)行銷(xiāo)售，生活照片都非常重要，因?yàn)樗鼈兛梢宰尶蛻?hù)將自己想象成照片中的模特來(lái)設(shè)想自己在日常生活中將如何使用你的產(chǎn)品。
除了產(chǎn)品照片外，你還需要考慮網(wǎng)站的顏色和字體。你可能擁有最令人稱(chēng)奇的產(chǎn)品，但是如果你的網(wǎng)站美學(xué)（特別是其顏色和字體）不起作用，也會(huì)讓你的客戶(hù)猶疑不前。商店的外觀會(huì)影響購(gòu)買(mǎi)產(chǎn)品的整體體驗(yàn)。
顏色是可以用來(lái)激發(fā)興趣和情感的最強(qiáng)有力的工具之一。它也可以用來(lái)吸引人們注意網(wǎng)站的某一特定部分，引導(dǎo)客戶(hù)走上購(gòu)買(mǎi)旅程。
請(qǐng)將網(wǎng)站限制在兩種主要顏色上——一種是原色，一種是輔助色。有兩個(gè)出色的資源可供你挑選顏色。請(qǐng)?zhí)D(zhuǎn)到 Dribbble 搜索色彩搭配。例如，如果鍵入“紅色”，則可以看到在網(wǎng)站中使用紅色進(jìn)行色彩搭配的網(wǎng)站示例。你可以自行確定哪些選項(xiàng)在視覺(jué)上最吸引人。
另一個(gè)值得考慮的關(guān)鍵性因素是網(wǎng)站的可訪(fǎng)問(wèn)性。你一定希望所選擇的顏色具有足夠的對(duì)比度，方便所有年齡段的人們以及所有能力的人都可以閱讀和查看你的文本。
最后，你需要考慮一下排版?？蛻?hù)希望在網(wǎng)站上看到生動(dòng)有趣的字體，而不是像 Times New Roman 這樣毫無(wú)新意的字體。你的文字也可以共享信息，而正是這種字體與排版?zhèn)鬟_(dá)了信息背后的情感。
一個(gè)好消息是，你可以使用 Shopify 這樣的商店構(gòu)建工具，訪(fǎng)問(wèn)帶有推薦字體和設(shè)計(jì)的模板。你可以在網(wǎng)站上使用這些字體，也可以從其他來(lái)源選擇字體，進(jìn)行所需的自定義設(shè)計(jì)。
與顏色一樣，最好只使用兩種字體并在兩者之間創(chuàng)建層次結(jié)構(gòu)。對(duì)于非專(zhuān)業(yè)設(shè)計(jì)者來(lái)說(shuō)，管理多種字體可能會(huì)很棘手，有時(shí)甚至?xí)尵W(wǎng)站看起來(lái)會(huì)很凌亂。但是僅使用兩種字體即可將一切復(fù)雜的工作變得簡(jiǎn)單。選擇一種字體作為標(biāo)題字體，選擇另一種字體作為正文字體。
Supergoop 在這方面就做得非常好。它們的標(biāo)題字體可以反映其品牌，而正文字體則非常簡(jiǎn)單、清晰且易于閱讀。
獨(dú)特的標(biāo)題字體可以為品牌增添些許魅力，而正文字體將成為你的主力軍，用于網(wǎng)站上從產(chǎn)品說(shuō)明到結(jié)帳說(shuō)明的所有其他文本。
雖然花式字體由于其字體大小可能讓網(wǎng)站顯得更加豐富，但重要的是選擇可讀性強(qiáng)的正文字體。并非每種可自定義的字體都是為屏幕閱讀而設(shè)計(jì)的，如果選擇錯(cuò)了字體（例如，細(xì)無(wú)襯線(xiàn)字體），導(dǎo)致客戶(hù)無(wú)法閱讀你的網(wǎng)站，這反而會(huì)“趕走”他們。
根據(jù) comScore 的數(shù)據(jù)，近70％的數(shù)字媒體時(shí)間都花在了移動(dòng)設(shè)備上。遺憾的是，許多電子商務(wù)解決方案尚未針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化，而是只考慮了桌面瀏覽想過(guò)。這可能會(huì)讓你失去相當(dāng)數(shù)量的新銷(xiāo)售。
如果你要通過(guò) Shopify 建立業(yè)務(wù)，那么你的商店就必須是“響應(yīng)式”商店。也就是說(shuō)在不同的設(shè)備和屏幕尺寸上，網(wǎng)站都需是用戶(hù)友好的，方便客戶(hù)在臺(tái)式機(jī)、智能手機(jī)或是平板電腦等任一設(shè)備上查看。
在基于移動(dòng)端優(yōu)化選擇主題時(shí)，最好親自測(cè)試一下易用性，檢查一下你是否對(duì)交易流程感到滿(mǎn)意。如果你都不愿意，那么你的客戶(hù)很有可能也不會(huì)滿(mǎn)意。最終確定選擇時(shí)，類(lèi)似于購(gòu)物車(chē)折疊列表和移動(dòng)導(dǎo)航的適應(yīng)性等元素也是需要考慮的。
網(wǎng)站導(dǎo)航需要幫助客戶(hù)快速輕松地找到產(chǎn)品。一個(gè)好的導(dǎo)航還有助于改善網(wǎng)站上的 SEO，讓用戶(hù)在搜索結(jié)果中找到你的產(chǎn)品。
優(yōu)質(zhì)的導(dǎo)航可以改善在線(xiàn)購(gòu)物體驗(yàn)，并幫助商家提高銷(xiāo)售量和利潤(rùn)。在選擇主題時(shí)，導(dǎo)航也是一項(xiàng)影響因素。例如，如果你的產(chǎn)品目錄很大，那么菜單較大的主題可能是比較合適的。
以下是設(shè)計(jì)商店時(shí)要遵循的一些準(zhǔn)則：首先，在導(dǎo)航中盡量只保留幾個(gè)菜單標(biāo)題。標(biāo)記這些標(biāo)題時(shí)要清晰直接——這可不是發(fā)揮小聰明的時(shí)候。
關(guān)于簡(jiǎn)潔的菜單標(biāo)題，我們列出了三個(gè)示例。訪(fǎng)客確切知道他們每次單擊都將得到什么。不過(guò)我仍然建議作為初學(xué)者的你應(yīng)該從上面列出的四個(gè)選項(xiàng)開(kāi)始。隨著商店的發(fā)展，你會(huì)漸漸了解你的受眾的喜好，然后再進(jìn)行更改或升級(jí)。
其他導(dǎo)航鏈接可以放在頁(yè)腳，即網(wǎng)站底部的部分。
如果你注意到?jīng)]有人點(diǎn)擊這些標(biāo)簽，也可以隨時(shí)修改標(biāo)題，或者將這些標(biāo)簽添加到子導(dǎo)航菜單中，以包含指向其他重要頁(yè)面或產(chǎn)品集合的鏈接。
2020年27個(gè)最佳電子商務(wù)網(wǎng)站示例（及其優(yōu)點(diǎn)）
建立網(wǎng)上商店時(shí)，如果你想要獲取一些靈感，可以看看下面列出的最佳電子商務(wù)網(wǎng)站：
KETNIPZ 是 Harry Hambley 打造的 Instagram 漫畫(huà)品牌帝國(guó)。你可以在世界各地的壁畫(huà)、社交媒體上找到主角Bean，甚至可以在粉絲身上找到 Bean 的紋身。KETNIPZ 的網(wǎng)站設(shè)計(jì)會(huì)將新產(chǎn)品發(fā)布與即將到來(lái)的假期珠聯(lián)璧合，以明亮的色彩、獨(dú)特的字體和季節(jié)性的更新共同反映 Bean 的古怪個(gè)性。
對(duì)于創(chuàng)作者來(lái)說(shuō)，找到合適的在線(xiàn)途徑來(lái)銷(xiāo)售他們的藝術(shù)品可不是一件容易的事情。但是 Fred Jourdain 的電子商務(wù)網(wǎng)站確實(shí)做到了。他的首頁(yè)橫幅會(huì)輪流顯示他的最新作品。你還可以在網(wǎng)站上找到采訪(fǎng)內(nèi)容，詳細(xì)了解他是如何創(chuàng)作自己的作品的。在瀏覽訪(fǎng)談、藝術(shù)書(shū)籍以及不同的項(xiàng)目和出版物時(shí)，你不由得開(kāi)始對(duì)這位藝術(shù)家的在線(xiàn)商店萌生興趣。
為了增進(jìn)信任，珠寶零售商 Pura Vida Bracelets 在其著陸頁(yè)上展示了來(lái)自數(shù)千名客戶(hù)的五星產(chǎn)品評(píng)論，此外還有來(lái)自 BuzzFeed 和 HuffPost 等相關(guān)媒體的目標(biāo)受眾的評(píng)論。
網(wǎng)站的主角就是產(chǎn)品。產(chǎn)品照片以一種充滿(mǎn)活力且細(xì)節(jié)豐富的方式進(jìn)行拍攝，讓客戶(hù)不得不愛(ài)。
此外，Pura Vida Bracelets 始終堅(jiān)持使用簡(jiǎn)潔但號(hào)召力強(qiáng)的 CTA（立即購(gòu)買(mǎi)）來(lái)吸引客戶(hù)下單。品牌在頁(yè)面頂部突出顯示了免費(fèi)送貨服務(wù)（79%的美國(guó)消費(fèi)者表示，免費(fèi)送貨讓他們更有可能在網(wǎng)上購(gòu)買(mǎi)產(chǎn)品）。網(wǎng)站的右下角還有一個(gè)別具一格的聊天氣泡，用戶(hù)可以在需要的時(shí)候點(diǎn)擊這個(gè)氣泡并獲得幫助。
MVMT 的網(wǎng)站設(shè)計(jì)體現(xiàn)了 MVMT 的核心品牌價(jià)值，即“風(fēng)格不會(huì)讓你傾家蕩產(chǎn)”。網(wǎng)站中展示的手表、眼鏡和珠寶設(shè)計(jì)線(xiàn)條流暢，顏色精致，風(fēng)格時(shí)尚，都是人們可以負(fù)擔(dān)得起的平價(jià)產(chǎn)品。此外，網(wǎng)站中還重點(diǎn)強(qiáng)調(diào)了與設(shè)計(jì)師的合作，在主頁(yè)提供了“流行趨勢(shì)”的版塊，供人們快速查看最新設(shè)計(jì)。
The Paper Cub Co. 保持網(wǎng)站簡(jiǎn)潔的方法就是采用簡(jiǎn)單且清晰的設(shè)計(jì)。他們將產(chǎn)品放置在最佳光線(xiàn)下，令人眼花繚亂的色彩和趣味橫生的攝影作品展現(xiàn)了 Paper Cub 的品牌形象，激發(fā)了客戶(hù)興趣，迫不及待地想要看看他們最暢銷(xiāo)的感謝卡、手賬本、明信片等產(chǎn)品來(lái)一探究竟。
像 Pura Vida Bracelets,一樣，Verve Roasters 也利用五星評(píng)論來(lái)建立用戶(hù)對(duì)整個(gè)電子商務(wù)網(wǎng)站的信任。
這家在線(xiàn)咖啡零售商將具有感召力的語(yǔ)言與時(shí)尚的攝影技巧相結(jié)合，從而博得消費(fèi)者的注意。例如，它承諾“經(jīng)典而美味”，然后通過(guò)“金橘子果醬的甜味”等耐人尋味的詞匯選擇來(lái)達(dá)成這一期望。免費(fèi)送貨的優(yōu)惠，加上免登錄即可將產(chǎn)品放入購(gòu)物車(chē)，消費(fèi)者更是沒(méi)有理由拒絕下單了。
注重可持續(xù)發(fā)展的服裝品牌 Allbirds 在商店中強(qiáng)調(diào)了品牌自身的環(huán)保意識(shí)。在各種語(yǔ)言的文案中，都有諸如“用天然材料制造”之類(lèi)的字眼。因此，他們能夠贏得具有環(huán)保意識(shí)的各國(guó)消費(fèi)者的信任。此外，他們也是經(jīng)過(guò)認(rèn)證的 B 型企業(yè)（Certified B Corporation certificate）*，這進(jìn)一步贏得了廣大消費(fèi)者的信任。
（注*：B Corp. 又稱(chēng) Benefit Corporation 是指商業(yè)企業(yè)/公司生產(chǎn)/提供社會(huì)福利和環(huán)境保護(hù)等方面有益的產(chǎn)品或服務(wù), 同時(shí)又對(duì)旗下員工有額外福利待遇。）
當(dāng)你登錄他們的網(wǎng)站，首先映入眼簾的就是他們的產(chǎn)品。模特們穿著符合 Allbirds 目標(biāo)市場(chǎng)的服飾，讓消費(fèi)者們不由覺(jué)得“啊，這就是我的風(fēng)格。”Allbirds 還使用生動(dòng)的語(yǔ)言鼓勵(lì)用戶(hù)進(jìn)行點(diǎn)擊，突出他們的最暢銷(xiāo)產(chǎn)品。
然而 Allbirds 的號(hào)召性用語(yǔ)（CTA）卻平淡無(wú)奇。但是，這才是重點(diǎn)。一目了然的“選購(gòu)男士（Shop Men）”和“選購(gòu)女士（Shop Women）”讓用戶(hù)非常清楚下一步應(yīng)該做什么。
在你訪(fǎng)問(wèn) Hardgraft 的電子商務(wù)商店的那一刻，你就立刻會(huì)知道它是否適合你。它所傳達(dá)的信息與那些想要奢侈品、欣賞粗獷樸實(shí)美學(xué)的買(mǎi)家建立了信任。主頁(yè)設(shè)計(jì)非常簡(jiǎn)單，它們精美的攝影產(chǎn)品吸引訪(fǎng)客不停地滾動(dòng)鼠標(biāo)向下查看，欲罷不能。
Hardgraft 的產(chǎn)品頁(yè)面則恰到好處。圖片清晰，大膽，與訪(fǎng)客分享其重要的產(chǎn)品功能和價(jià)值主張，鼓勵(lì)人們進(jìn)行購(gòu)買(mǎi)。此外，品牌提供安全的全球運(yùn)輸，各國(guó)用戶(hù)都可以輕松瀏覽其商店。
戶(hù)外服裝店 Topo Designs 用的是能夠引起目標(biāo)市場(chǎng)（年輕時(shí)尚的戶(hù)外運(yùn)動(dòng)愛(ài)好者）共鳴的圖片，同時(shí)它們獨(dú)具特色的背景讓品牌從其他戶(hù)外服裝品牌中脫穎而出。網(wǎng)站頂部導(dǎo)航設(shè)計(jì)非常出彩，用戶(hù)總是可以快速找到所需內(nèi)容。
關(guān)于這個(gè)網(wǎng)站的設(shè)計(jì)，另一個(gè)閃光點(diǎn)是激勵(lì)銷(xiāo)售。品牌在商店中強(qiáng)調(diào)了超過(guò)50美元的美國(guó)訂單提供免費(fèi)送貨服務(wù)，以及免費(fèi)的退換貨服務(wù)。此外，如果用戶(hù)訂閱他們的電子郵件，還可以獲得15%的折扣優(yōu)惠。這都是品牌激勵(lì)客戶(hù)采取行動(dòng)的方法。
關(guān)注可持續(xù)發(fā)展的鞋店 Alice and Whittles 非常擅長(zhǎng)于構(gòu)建與消費(fèi)者之間的信任。他們承諾給消費(fèi)者打造一個(gè)超輕松的購(gòu)物體驗(yàn)，并著重強(qiáng)調(diào)了其配送和退貨政策，另外，如果消費(fèi)者沒(méi)有預(yù)付現(xiàn)金，還可以選擇分期付款。
商店的登錄頁(yè)還設(shè)置有一個(gè)聊天機(jī)器人，供用戶(hù)快速獲得問(wèn)題的答案，這無(wú)疑進(jìn)一步鞏固了消費(fèi)者的信任并鼓勵(lì)他們完成購(gòu)買(mǎi)。
Last Chance（最后機(jī)會(huì)）菜單小部件的添加更是為購(gòu)買(mǎi)過(guò)程增添了一絲緊迫感，甚至迫使消費(fèi)者認(rèn)為“機(jī)不可失失不再來(lái)，我一定要趕快買(mǎi)下來(lái)！”
Chubbies 是喜歡短褲的男性用戶(hù)的最?lèi)?ài)。網(wǎng)站設(shè)計(jì)的關(guān)鍵在于它以引人入勝的產(chǎn)品攝影和詼諧的文案喚起了 Chubbies 的品牌價(jià)值。與大多數(shù)電子商務(wù)網(wǎng)站的設(shè)計(jì)不同，側(cè)邊欄導(dǎo)航提供了一個(gè)簡(jiǎn)潔的菜單，消費(fèi)者可以在其中輕松快捷地找到他們想要的商品。
KITH 的主頁(yè)設(shè)計(jì)能夠在你進(jìn)入網(wǎng)頁(yè)的那一刻就吸引你的全部注意力。網(wǎng)站主頁(yè)是一個(gè)品牌視頻，搭配和諧順暢的經(jīng)典白+黑配色，頁(yè)面干凈整潔，但卻激起了人們繼續(xù)探索的欲望。你會(huì)想要打開(kāi)不同的菜單選項(xiàng)（例如，clothing）來(lái)一探究竟，接下來(lái)可能還希望再看看 treats 里面有什么，再看看時(shí)裝畫(huà)冊(cè)、電影、雜志等等內(nèi)容。KITH 的目錄很大，但是他們依然可以保持一切簡(jiǎn)單有序，讓訪(fǎng)客可以快速探索并找到所需的內(nèi)容。
Subtle Asian Treats 在 Shopify 的代發(fā)貨商店中也是家喻戶(hù)曉。他們銷(xiāo)售精心挑選的毛絨玩具和其他可愛(ài)商品，例如 AirPod 和 iPhone 手機(jī)外套。網(wǎng)站非常易于瀏覽，用戶(hù)可以快速訪(fǎng)問(wèn)配送常見(jiàn)問(wèn)題解答頁(yè)面，折扣優(yōu)惠頁(yè)面以及評(píng)論頁(yè)面。
除了非常可愛(ài)的產(chǎn)品外，Subtle Asian Treats 建立與訪(fǎng)客之間的信任的方法還包括展示創(chuàng)始人 Laura Chang 的個(gè)人筆記，以及 Instagram feed 中用戶(hù)生成內(nèi)容。另外，你無(wú)需注冊(cè)電子郵件營(yíng)銷(xiāo)列表，而是可以選擇注冊(cè)成為 VIP 俱樂(lè)部會(huì)員，即可獲得獨(dú)家優(yōu)惠和折扣。
Modern Urban Jungle 是植物愛(ài)好者的不二之選。網(wǎng)站擁有清新且迷人的整體設(shè)計(jì)，并搭配非常受歡迎的配色方案和精美的攝影作品。從布局到產(chǎn)品圖片，這家電子商務(wù)商店的設(shè)計(jì)實(shí)現(xiàn)了他們的品牌承諾，即通過(guò)裝飾、家居用品和小禮品將戶(hù)外帶入室內(nèi)。
Boba Love 設(shè)計(jì)的主頁(yè)可以引導(dǎo)訪(fǎng)客直接進(jìn)入購(gòu)物體驗(yàn)。品牌使用生活圖片和產(chǎn)品攝影來(lái)傳達(dá)其品牌價(jià)值。 Boba Love 的產(chǎn)品陳列網(wǎng)格井井有條，可以干凈俐落地指導(dǎo)訪(fǎng)客的下一步動(dòng)作：購(gòu)買(mǎi)設(shè)計(jì)靈感源于珍珠奶茶的產(chǎn)品。
可以看出品牌塑造是 Satya Organic Skincare 電子商務(wù)網(wǎng)站設(shè)計(jì)中的重中之重。進(jìn)入首頁(yè)，你會(huì)看到樸實(shí)的色調(diào)，首頁(yè)中的設(shè)計(jì)元素?zé)o一不在向你透漏一種信息：如果你正在尋找源于植物的產(chǎn)品，那么你就來(lái)對(duì)地方了。更獨(dú)出心裁的是放在首頁(yè)的 Satya Organic Skincare 創(chuàng)始人的開(kāi)場(chǎng)視頻。她向我們介紹了品牌是如何對(duì)抗海洋塑料污染的。這也是一種好方法，一邊可以強(qiáng)調(diào)品牌的人道主義，另一邊也可以作為歡迎視頻，問(wèn)候新訪(fǎng)客。
在網(wǎng)站展示自己的美容產(chǎn)品時(shí)，Beardbrand 采用的是一種成熟古老的方法。為了鼓勵(lì)訪(fǎng)客留在網(wǎng)站并購(gòu)買(mǎi)產(chǎn)品，網(wǎng)站中設(shè)計(jì)了一個(gè)有趣的小測(cè)試以及幾篇值得一讀的博客文章。
Woodlot 的電子商務(wù)網(wǎng)站規(guī)模雖小，但是耐人尋味，將網(wǎng)站與品牌的本質(zhì)緊密地聯(lián)系在一起。從首頁(yè)到產(chǎn)品頁(yè)面再到結(jié)賬的網(wǎng)站設(shè)計(jì)，精致的視覺(jué)效果始終給人一種平靜安穩(wěn)的感覺(jué)。93％的消費(fèi)者表示這是讓他們做出購(gòu)買(mǎi)決定的關(guān)鍵因素。豐富的產(chǎn)品、貼切的產(chǎn)品描述加上實(shí)惠的價(jià)格，這些都深深吸引著你，讓你想要繼續(xù)探索和了解有關(guān) Woodlot 產(chǎn)品的更多信息。
登陸 Kylie Cosmetics 主頁(yè)后，你就會(huì)看到一張 Kylie Jenner 的照片。她是所有年輕人的美妝風(fēng)向標(biāo)。她的認(rèn)可立刻讓該網(wǎng)站獲得了廣大消費(fèi)者的高度信任，極大地提升了品牌的信譽(yù)度。每一款產(chǎn)品都以白色為背景，當(dāng)你將鼠標(biāo)懸停在圖像上時(shí)，還可以看到一位女性在使用對(duì)應(yīng)的產(chǎn)品。
Pilgrim 在設(shè)計(jì)針對(duì)目標(biāo)受眾的電子商務(wù)網(wǎng)站方面做得非常出色。網(wǎng)站中簡(jiǎn)潔的文案清楚地解釋了他們的產(chǎn)品是什么，同時(shí)，利用評(píng)論和媒體提及在網(wǎng)站主頁(yè)上突出了品牌良好的社交證明。這是一種干凈現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)，整潔的產(chǎn)品與包裝可以激起消費(fèi)者的購(gòu)買(mǎi)欲望。
在創(chuàng)建出色的購(gòu)物體驗(yàn)時(shí)，Old World Kitchen 做到了以下三點(diǎn)：
代表著知名品牌的復(fù)古風(fēng)格和設(shè)計(jì)
有助于理解品牌的資源和教育內(nèi)容
出色的產(chǎn)品攝影和展示
網(wǎng)站在設(shè)計(jì)時(shí)明確考慮到了目標(biāo)受眾，這非常重要，讓品牌得以從眾多的廚房和餐飲品牌競(jìng)爭(zhēng)中脫穎而出。
如果你喜歡健康和具有環(huán)保意識(shí)的餅干，那么你一定會(huì)喜歡餅干商店 Partake 的網(wǎng)站設(shè)計(jì)。一打開(kāi)頁(yè)面，你就可以看到令人放心的文案，包括“無(wú)麩質(zhì)”，“素食主義者”和“防過(guò)敏”等字眼。
沒(méi)有人能逃脫超級(jí)美味餅干的誘惑（Super Delicious Cookies，Partakes 的標(biāo)語(yǔ)），而其首頁(yè)上豐富的美食圖片更是令人心動(dòng)，進(jìn)一步強(qiáng)化了這一說(shuō)法。隨后，通過(guò)簡(jiǎn)單的立即購(gòu)買(mǎi) CTA 即可達(dá)成交易。
網(wǎng)站還在頁(yè)腳出列出了特定于過(guò)敏的證書(shū)，以此與客戶(hù)建立信任。
調(diào)味品商店 Tessemae’s 為客戶(hù)提供折扣，讓他們有充分的理由來(lái)了商店就絕不空手而歸。在這一過(guò)程中，Tessemae 會(huì)搜集訪(fǎng)客的電子郵件地址，從而為了公司的下一步培養(yǎng)工作做準(zhǔn)備。它的網(wǎng)站設(shè)計(jì)色彩艷麗，讓人感覺(jué)是面向年輕一代的現(xiàn)代品牌。
Tessemae 還使用粉絲照片（用戶(hù)生成的內(nèi)容來(lái)建立信任）。這可以給訪(fǎng)客傳達(dá)一種信息：Tessemae 的產(chǎn)品深受現(xiàn)有客戶(hù)的喜愛(ài)。此外，網(wǎng)站中還提供了許多制作美味佳肴時(shí)的調(diào)味品使用靈感，進(jìn)一步增加了訪(fǎng)客的購(gòu)買(mǎi)動(dòng)力。
Death Wish Coffee（死亡愿望咖啡）的品牌概念非常大膽，并且從不吝嗇在商店中體現(xiàn)這一概念。品牌以銷(xiāo)售世界上最濃烈的咖啡而聞名，從網(wǎng)站文案到貫穿了整個(gè)網(wǎng)站設(shè)計(jì)的紅色的使用，都讓你感覺(jué)就像是喝了一杯最濃郁的咖啡。Death Wish Coffee 非常清楚為什么大多數(shù)人都愿意登陸它的網(wǎng)站：購(gòu)買(mǎi)他們的咖啡豆。如果你向下滾動(dòng)主頁(yè)，立刻就會(huì)看到購(gòu)買(mǎi)磨好的咖啡粉、未磨的咖啡豆、或咖啡杯的選項(xiàng)。
Almond Surfboards 在整個(gè)在線(xiàn)商店中都使用柔和而優(yōu)雅的色調(diào)，給你一種時(shí)尚卻又充滿(mǎn)活力的感覺(jué)（仿佛置身于沙灘上）。憑借具有獨(dú)特創(chuàng)意的產(chǎn)品圖片，從你登陸頁(yè)面的那一刻起，就感覺(jué)仿佛在高級(jí)品牌店中購(gòu)物。即使你不需要沖浪板，也可以在商店中探索不同的 T 恤衫、配飾、墻壁藝術(shù)品等產(chǎn)品。
Pure Cycles 的布局雖然簡(jiǎn)單，但是卻非常清楚地向你解釋了為什么你要關(guān)注這個(gè)品牌，以及他們最暢銷(xiāo)的自行車(chē)是哪幾款。產(chǎn)品頁(yè)面還可以為你提供親自購(gòu)物的在線(xiàn)體驗(yàn)。你可以查看特定零件的特寫(xiě)圖片，了解規(guī)格，并閱讀其他信息，以做出最合理的購(gòu)買(mǎi)決定。
Leatherhead 的產(chǎn)品（和品牌）非?？幔核麄冇美鲜狡じ锒ㄖ聘鞣N球類(lèi)產(chǎn)品。在網(wǎng)站中，你能夠看到一個(gè)在工廠(chǎng)制作足球的視頻，這是一個(gè)非常好的視頻廣告案例。網(wǎng)站布局簡(jiǎn)單，但卻符合品牌的精致與奢華。即使你不是運(yùn)動(dòng)愛(ài)好者，也一定要瀏覽這個(gè)網(wǎng)站，找到適合送給自己的朋友或摯愛(ài)的產(chǎn)品。
無(wú)論你是一家初創(chuàng)公司還是正在建設(shè)第五家電子商務(wù)商店，都請(qǐng)牢記以下網(wǎng)站設(shè)計(jì)技巧：
猶豫不決時(shí)，請(qǐng)保持簡(jiǎn)單。在電子商務(wù)領(lǐng)域，保持簡(jiǎn)單始終是增加銷(xiāo)售額的關(guān)鍵。你在網(wǎng)站上投放的干擾越多（例如橫幅廣告，彈出式窗口，繁雜的色彩搭配），就越不利于達(dá)成銷(xiāo)售。
表達(dá)品牌。無(wú)論你是攝影師，美容師還是代發(fā)貨商，都要表達(dá)品牌。人們總是希望從他們信任并認(rèn)同的知名品牌那里購(gòu)買(mǎi)商品。因此，請(qǐng)花時(shí)間定義你的品牌，弄清楚究竟是什么讓你與競(jìng)爭(zhēng)對(duì)手有所不同。
為你的在線(xiàn)商店使用最好的電子商務(wù)平臺(tái)。當(dāng)使用 Shopify 這樣的平臺(tái)時(shí)，你可以建立一個(gè)具有強(qiáng)大電子商務(wù)功能的精美商店，并快速在線(xiàn)上進(jìn)行銷(xiāo)售。你可以從各種電子商務(wù)網(wǎng)站模板中進(jìn)行選擇，也可以使用 Shopify 的電子商務(wù)網(wǎng)站構(gòu)建工具，自定義功能。如果你不想使用任何拖放式構(gòu)建工具，則可以隨時(shí)雇用專(zhuān)門(mén)設(shè)計(jì) Shopify 站點(diǎn)的電子商務(wù)網(wǎng)站設(shè)計(jì)師。如果你有 Wordpress 網(wǎng)站，也可以添加 Shopify Buy 按鈕，在幾分鐘之內(nèi)將網(wǎng)站變成一家在線(xiàn)商店。
設(shè)身處地為消費(fèi)者著想。你的網(wǎng)站易于瀏覽嗎？購(gòu)物時(shí)的體驗(yàn)如何？結(jié)帳流程足夠快捷嗎？請(qǐng)考慮客戶(hù)在商店進(jìn)行購(gòu)買(mǎi)時(shí)的需求，并進(jìn)行相應(yīng)設(shè)計(jì)。
使用高質(zhì)量的圖片。圖片可以使網(wǎng)站的轉(zhuǎn)化率提高40％。 但是它們必須是高質(zhì)量的。 請(qǐng)花些錢(qián)投資于優(yōu)質(zhì)的產(chǎn)品攝影，同時(shí)使用來(lái)自免費(fèi)庫(kù)存照片網(wǎng)站的圖片來(lái)幫助提高整個(gè)購(gòu)物體驗(yàn)的視覺(jué)吸引力。
保持專(zhuān)業(yè)。想與消費(fèi)者建立信任并達(dá)成銷(xiāo)售？你需要一個(gè)專(zhuān)業(yè)的網(wǎng)站。如果你的網(wǎng)站看起來(lái)信息貧瘠，非常業(yè)余，那么消費(fèi)者一定不愿意交出自己的血汗錢(qián)，或者提供關(guān)于信用卡之類(lèi)的敏感信息。但是如果你非常想開(kāi)一家在線(xiàn)商店，但卻苦于資金緊張，我們有適合各行各業(yè)的 Shopify 主題可以滿(mǎn)足你的需求與預(yù)算。
充分利用社會(huì)證明。在設(shè)計(jì)電子商務(wù)網(wǎng)站時(shí)，請(qǐng)留出可以展示社交證明（例如正面評(píng)論和用戶(hù)生成的內(nèi)容）的地方。消費(fèi)者越多地看到別人對(duì)你的產(chǎn)品的良好體驗(yàn)，他們就越可能購(gòu)買(mǎi)你的產(chǎn)品。
讓結(jié)帳變得容易。即使你擁有美觀、創(chuàng)新的電子商務(wù)網(wǎng)站設(shè)計(jì)，如果結(jié)帳步驟很麻煩，也可能留不住消費(fèi)者。因此，請(qǐng)保持結(jié)帳的簡(jiǎn)單、直接和快速?？紤]使用 Shop Pay，Amazon Pay，PayPal，Stripe和其他快速付款選項(xiàng)等支付網(wǎng)關(guān)，讓消費(fèi)者可以輕松地完成購(gòu)買(mǎi)。
可輕松獲取的客戶(hù)支持。組建網(wǎng)上商店時(shí)，請(qǐng)使用網(wǎng)站聊天插件，以確?？梢詫?shí)時(shí)與消費(fèi)者聯(lián)系。如果有人對(duì)運(yùn)費(fèi)、交付或一般產(chǎn)品信息有疑問(wèn)，他們可以立即聯(lián)系你，并在幾分鐘內(nèi)獲得答復(fù)。
最適合你的電子商務(wù)網(wǎng)站構(gòu)建工具
無(wú)論你的銷(xiāo)售混音帶的音樂(lè)家還是初出茅廬的時(shí)裝設(shè)計(jì)師，作為一個(gè)一站式電子商務(wù)平臺(tái)， Shopify 始終是你的好伙伴，可幫助你在線(xiàn)上銷(xiāo)售產(chǎn)品。你可以從 Shopify 主題商店的100多個(gè)電子商務(wù)網(wǎng)站模板中進(jìn)行選擇，從這里開(kāi)始你的電子商務(wù)之旅。每一個(gè)模板都可以完全自定義，或者你也可以使用我們的網(wǎng)站構(gòu)建工具來(lái)創(chuàng)建模板，包括創(chuàng)建品牌域名，添加 logo，品牌顏色，和字體等。
你還可以利用 Shopify App Store 中的3000多個(gè)應(yīng)用程序來(lái)支持你的在線(xiàn)商店，推動(dòng)開(kāi)展市場(chǎng)營(yíng)銷(xiāo)、銷(xiāo)售、客戶(hù)服務(wù)等工作。
借助安全的網(wǎng)絡(luò)托管、簡(jiǎn)化的業(yè)績(jī)管理面板和無(wú)限的帶寬，你可以輕松快捷地建立起一項(xiàng)電子商務(wù)業(yè)務(wù)。另外，你還可以編輯主題 HTML 和 CSS，完全掌控網(wǎng)站外觀。
（來(lái)源：shopify官方）
以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場(chǎng)！如有侵權(quán)，請(qǐng)聯(lián)系我們。
（來(lái)源：Shopify電商學(xué)院）
