研究發(fā)現(xiàn)，人們只需十分之一秒的時間就能給人留下第一印象。 但是，在設(shè)計 Shopify 商店時，重要的是不要為了花哨的設(shè)計而犧牲功能。你的網(wǎng)站可能看起來不錯，但是如果不能順利實現(xiàn)轉(zhuǎn)換，就不能說它確實發(fā)揮了作用。 本周，「Shopify 指南」小程序推出了「 Shopify 商店設(shè)計」課程，即使你是一個零基礎(chǔ)的設(shè)計新手，也可以通過學習該課程，了解從網(wǎng)站主頁到產(chǎn)品頁面設(shè)計背后的邏輯和操作步驟，最重要的是，掌握如何設(shè)計一個自帶美感又能實現(xiàn)轉(zhuǎn)化的頁面的技巧。馬上點擊下方圖片，開始學習吧！ 同時在今天的文章中，我們還將為你介紹50多家杰出的 Shopify 商店。這些商家對所有希望開設(shè)自己的在線商店的企業(yè)家來說都是一個巨大的鼓舞。請輕松地漫步于他們創(chuàng)建的數(shù)字小島，留心這些商家做了哪些正確的事情：企業(yè)標識、精美的產(chǎn)品圖片、出色的品牌視覺效果、清晰定義的導航元素，簡單易用的布局、以及充滿說服力的號召性用語按鈕。 1. haus 家具和家居用品零售商 haus 在 Shopify 商店中采用時尚現(xiàn)代的設(shè)計。設(shè)計風格與他們的產(chǎn)品美學相輔相成。 澳大利亞的Critical Slide協(xié)會在簡單易用的網(wǎng)站上銷售服裝。淺白色的背景可讓在線消費者將注意力集中于自己的服裝產(chǎn)品。 了解更多：了解如何開始自己的在線 T 恤印花業(yè)務(wù)。 “簡化技術(shù)的日常體驗?！焙喢鞫笠腟tudio Proper企業(yè)標語既適用于他們自己的產(chǎn)品，也適用于Shopify商店。 4. Tluxe 2018年優(yōu)秀設(shè)計獎得主 Tluxe 除了其主頁上的導航之外，還具有兩個主要鮮明特征：主橫幅圖片和 Instagram 提要。 5. Quad Lock Quad Lock 是我們在 Shopify 網(wǎng)站示例列表中的下一個商店示例，其中包含正在使用的產(chǎn)品的動畫 GIF，基于類別（騎乘、跑步、摩托車、駕駛）的精選產(chǎn)品集以及標識形式的社會證明。 Modern Shop 使用白色的背景和藍色裝飾色，以最簡潔的網(wǎng)站設(shè)計讓產(chǎn)品栩栩如生。 7. Brilliant Brilliant 的 Shopify 商店中，產(chǎn)品攝影非常簡單，但色彩暗示強烈，這讓網(wǎng)站看起來既簡單又美觀。 Candi Factory 使用簡單的白色背景網(wǎng)站設(shè)計和有趣的產(chǎn)品攝影。 對于一個非常注重個性化的品牌，Candi Factory 將消費者的購物體驗放在第一位，這對于促成轉(zhuǎn)化至關(guān)重要。 49th Parallel Roasters 在 Shopify 商店中用了一個簡單的方法來呈現(xiàn)咖啡產(chǎn)品的品質(zhì)。高質(zhì)量的攝影作品和一些有趣的說明性圖片將品牌個性充分地融入到最簡潔的設(shè)計中。 18 Karat Wholesale 創(chuàng)建了便于消費者查找和瀏覽的產(chǎn)品集。這是一項戰(zhàn)略性舉措，因為如果你是直接面向消費者的品牌，批發(fā)銷售會讓你接觸到不同的受眾。 11. Luxy Hair 在 Shopify 的極簡設(shè)計商店中，最杰出的莫過于 Luxy Hair 了。白色的背景，簡單的號召性用語（CTA）按鈕以及對產(chǎn)品優(yōu)勢的關(guān)注，給在線消費者留下了深刻的印象。 12. Biko 在 Biko 的簡潔網(wǎng)站上，你只會找到四個導航選項，但同時網(wǎng)站中還有大量的產(chǎn)品攝影。 品牌在自己的網(wǎng)站中突出顯示產(chǎn)品，并吸引消費者進入購買路徑。 盡管設(shè)計簡單，但 Uppercase Magazine 仍設(shè)法將有趣和好玩作為其品牌標識的一部分。 他們使用大膽的攝影來傳達自己的品牌，繁而不亂。 14. UNCONDITIONAL 與 Uppercase Magazine 一樣，UNCONDITIONAL 是另一個將網(wǎng)站設(shè)計成白色背景的 Shopify 商店示例。他們將個性注入到了產(chǎn)品攝影中。 15. Hiut Denim Co. Hiut Denim Co.的 Shopify 商店簡直就像一份報紙或一個社論網(wǎng)站。品牌避開了傳統(tǒng)電子商務(wù)商店的設(shè)計風格，為消費者帶來了愉悅且內(nèi)容豐富的購物體驗。 16. Tanner Goods 當你訪問 Tanner Good 的 Shopify 網(wǎng)站時，腦海里頓時就會浮現(xiàn)出兩個詞：時尚，優(yōu)雅。品牌不僅讓皮革產(chǎn)品和配飾站在了商店頁面的 C 位，同時還能保持商店具有直觀且易于瀏覽的布局。這一點品牌做得十分出色。 17. Studio Neat 18. So Worth Loving So Worth Loving 的 Shopify 商店擁有白色的背景，頁面的配色為整個網(wǎng)站帶來的流行的氣息。 19. Pop Chart Lab Pop Chart Lab 是 Shopify 商店的另一個商店示例。商店設(shè)計簡單，但突出了其明亮、時尚的產(chǎn)品和攝影作品。 20. Hardgraft Hardgraft是一個成熟的品牌，因此品牌需要確保自己的網(wǎng)站既時尚又優(yōu)雅。淺灰色的背景讓商店從平庸的現(xiàn)狀中脫穎而出。 21. Pipcorn Pipcorn 是一款高級爆米花。品牌通過網(wǎng)站來傳達他們的品牌形象：簡單而現(xiàn)代，注重質(zhì)量。棕色和米色的配色也與產(chǎn)品的自然感相呼應(yīng)。 也許這是 Shopify 網(wǎng)站列表中最簡約的設(shè)計，Happiness Abscissa 在商店左側(cè)面板上隱藏了其主要導航，這樣可以提供更多屏幕空間，用以展示他們有趣的產(chǎn)品攝影和圖片。 23. Nick Mayer Art 銷售藝術(shù)品時，你要確保網(wǎng)站足夠簡單，否則會分散消費者對主打產(chǎn)品的注意力。 Nick Mayer Art 采用了最簡單的版面配置和柔和的色彩，既增添了活力，又突出了作品。 24. Chubbies Chubbies 是專為愛好娛樂并具有幽默感的人們設(shè)計的服裝系列。他們整潔的店面與產(chǎn)品的大膽、多彩的攝影作品非常相配。 25. House of Holland 服裝和配飾品牌 House of Holland 在商店中使用了粗體字，這讓他們在眾多的 Shopify 商店中成為獨特的存在。亮眼的設(shè)計與商店頁面上簡單的白色背景產(chǎn)品照片取得了完美的平衡。 26. Penny Arcade Penny Arcade 的 Shopify 網(wǎng)站幾乎可以讓你聯(lián)想起真實的街機游戲。網(wǎng)站中充滿了大量鮮艷的色彩、視覺刺激和有趣的字體（甚至有一些是夸張的字體）。 27. Madsen Madsen的商店色彩明亮且大膽，同時還保持著精致的美感。商店在設(shè)計網(wǎng)站時將明亮與柔和的色彩相結(jié)合，在娛樂與精致之間實現(xiàn)了平衡。 Telegramme Paper Co. 也是 Shopify 網(wǎng)站的示例。在這個品牌示例中，品牌使用了不同的字體，這些字體符合產(chǎn)品特色并且不會分散消費者的注意力。各種顏色的使用更是讓產(chǎn)品呼之欲出，充滿活力。 29. Karton Karton 是一家 B2B 在線零售商，但對他們而言，這并不意味著他們必須使用陳舊的網(wǎng)站設(shè)計。隨意的字體設(shè)計和鮮艷的配色為消費者提供了一種有趣且引人入勝的購物體驗。 30. Tattly Tattly 是一個不懼色彩的品牌。他們在網(wǎng)站的各個部分都使用明亮的純色背景，為購物體驗帶來了活力，同時他們也為消費者設(shè)計了簡單易用的導航。 盡管 Death Wish Coffee 的 Shopify 網(wǎng)站主色調(diào)是白色，但考慮到其獨特的字體風格和色彩飛揚的紅色——更不用說網(wǎng)站使用的黑體字了——我們認為網(wǎng)站設(shè)計明亮且大膽。 Harris Farm Markets 在其網(wǎng)站的不同面板上使用了幾種帶紋理的灰白色背景。背景讓人聯(lián)想起與品牌相匹配的自然感，讓人產(chǎn)生仿佛置身于農(nóng)場般的感覺。 33. EpicMealTime 有趣的商店名稱和獨特的產(chǎn)品照片讓這個shoppify網(wǎng)站的例子脫穎而出。你見過多少有這種背景的商店？ 34. Little Sparrow Little Sparrow 的網(wǎng)站保持了簡單的設(shè)計，但同時也在柔和的圓點背景中注入了創(chuàng)意元素。 網(wǎng)站設(shè)計足夠精簡，不會讓人分心，但也很有趣，足以使網(wǎng)站與眾不同。 35. Twelve Saturdays Twelve Saturdays 沒有選擇簡單的灰色背景，而是在灰色背景中添加了紋理和維度。 36. William Abraham 全黑的網(wǎng)站背景讓許多 Shopify 商店示例看起來更加豪華和高檔。William Abraham 就是這樣在全黑的網(wǎng)站中陳列產(chǎn)品的典型案例。 37. Cuppow Cuppow 在產(chǎn)品攝影方面下了大功夫，讓品牌的可重復使用食品容器看起來十分精美漂亮。品牌的這一特色在整個 Shopify 平臺中都非常突出。 38. LITTER 珠寶品牌 LITTER 在商店中將特寫照片與生活照片相結(jié)合，通過簡單的攝影作品展示其產(chǎn)品， 39. Factory 43 當你銷售“優(yōu)質(zhì)的圖像商品”時，你會希望在在線商店中盡最大可能展示出產(chǎn)品優(yōu)秀的品質(zhì)。Factory 43 銷售的產(chǎn)品可以放大，這也是網(wǎng)站的主要視覺效果。 在網(wǎng)上銷售手表時，突出產(chǎn)品細節(jié)和工藝的高質(zhì)量產(chǎn)品照片至關(guān)重要。因此，在這個 Shopify 商店示例中，Great George Watches 將這類產(chǎn)品圖像放在了網(wǎng)站的最前面。 41. Henkaa Henkaa 銷售的服裝和配件都配有大幅且精美的照片。這些照片展示了產(chǎn)品給消費者帶來的美好瞬間。通常情況下，商店內(nèi)的照片上都沒有臉部特征，這讓消費者更容易地將自己想象在模特的位置。 42. Ball and Buck Ball and Buck在其網(wǎng)站上使用大幅攝影作品來向消費者營銷他們所渴望的生活方式。 43. Hauser 家具品牌 Hauser 是 Shopify 網(wǎng)站的一個商店示例，該示例利用多面板和大幅照片來吸引消費者瀏覽頁面，并讓產(chǎn)品栩栩如生。 Manitobah Mukluks 銷售的手工制鞋特別注重質(zhì)量。產(chǎn)品的大幅攝影作品展示了品牌對追求完美手工藝的執(zhí)著。 45. soleRebels soleRebels 網(wǎng)站上的大幅攝影作品讓產(chǎn)品活靈活現(xiàn)，仿佛就在消費者的眼前。大量特寫鏡頭和風格一致的外觀創(chuàng)建了一個具有凝聚力的 Shopify 商店。 46. The Great Divide The Great Divide 在簡單、干凈的商店中放置了產(chǎn)品的特寫照片。這些照片展示了產(chǎn)品優(yōu)秀的質(zhì)量。 47. Yoga Rebel Yoga Rebel 在許多不同的戶外環(huán)境中拍攝了其產(chǎn)品的精彩生活照。這些產(chǎn)品照片組成了一個令人印象深刻且驚嘆的網(wǎng)站，同時也讓網(wǎng)站成為了我們見過的最好的 Shopify 商店之一。 48. Triangl 泳衣品牌 Triangl 使用產(chǎn)品的大幅生活攝影提供了一種讓人難以忘懷的網(wǎng)站體驗。 49. BioLite 戶外品牌都有一個主要的共同點：都有機會拍攝美輪美奐的攝影作品。BioLite 的 Shopify 商店中的大幅攝影作品就將普普通通的炊具變成一次難忘的戶外體驗。 50. Allbirds Allbirds 是一個個性鮮明的品牌，其網(wǎng)站也與品牌形象相呼應(yīng)。商店中占領(lǐng) C 位的是色彩明亮的大幅產(chǎn)品照片和生活方式照片。這些照片都體現(xiàn)了產(chǎn)品本身的特色和制成的材料。 51. NOVO 有很多銷售高級手表的在線品牌，但是在 Shopify 平臺，NOVO 商店的設(shè)計風格與其競爭對手截然不同。取而代之的是，網(wǎng)站使用的字體看起來更像是手寫的，并且更精致，同時網(wǎng)站的色彩明亮，還擁有豐富的圖形插圖。 52. Spacing 乍一看，你可能會認為 Spacing 主頁是新聞網(wǎng)站。但這些不要需要點擊閱讀的文章，而是產(chǎn)品。網(wǎng)站獨特的設(shè)計彰顯了商店的創(chuàng)造力。 53. Zero Gravity 這是我們這次介紹的 Shopify 商店示例的最后一個例子。品牌網(wǎng)站依然采取了白色的背景，但 Zero Gravity 并不懼怕使用顏色。俏皮的字體貫穿了這家獨特商店的整個網(wǎng)站。 家具和家居用品零售商 haus 在 Shopify 商店中采用時尚現(xiàn)代的設(shè)計。設(shè)計風格與他們的產(chǎn)品美學相輔相成。 澳大利亞的Critical Slide協(xié)會在簡單易用的網(wǎng)站上銷售服裝。淺白色的背景可讓在線消費者將注意力集中于自己的服裝產(chǎn)品。
設(shè)計自己的Shopify商店
Studio Neat 的網(wǎng)站類似于 Studio Proper，品牌將產(chǎn)品設(shè)定為主要的關(guān)注點。商店主頁包含大幅圖片和精美的攝影作品。
優(yōu)秀Shopify網(wǎng)站案例常見問題
haus 的特點是什么？
The Critical Slide Society的特點是什么？
Tluxe的特征是什么？
文章為作者獨立觀點，不代表DLZ123立場。如有侵權(quán),請聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請聯(lián)系作者 )
網(wǎng)站運營至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接，特地開通了獨立站交流群。
群里有不少運營大神，不時會分享一些運營技巧，更有一些資源收藏愛好者不時分享一些優(yōu)質(zhì)的學習資料。
現(xiàn)在可以掃碼進群，備注【加群】。 ( 群完全免費，不廣告不賣課！)
