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