當我們透過自建站線上銷售產品時,最重要的是要確保我們的店鋪網站能給消費者留下深刻的印象,因此把網站設計好很重要。
你是不是想說:我也想啊,但是就是不知道什麼樣的網站設計才能讓店鋪別具一格。
本文有5500字左右,閱讀耗時約8分鐘,忙著賺錢沒有時間細看的賣家闊以先收藏後看呦~
OK,廢話不多說,我們開始吧!
1.hebe(紐西蘭)
Hebe的網站設計很漂亮,最突出的點是在於網站的大圖和產品圖片。其大部分產品圖片是在白色背景下拍攝的。對於電商網站來說,尤其是服裝電商網站,高質量的產品圖片非常重要。
而且該網站的佈局排版也很棒,字型粗細分明,使網站設計更加突出。網站名稱字型比往常看到的要粗一些:
就購物方面,Hebe讓消費者可從服裝的型別和特定的品牌這兩方面下手進行購買。導航欄簡單易用。該賣家位於紐西蘭,提供了配送還有實體店配送兩個選項。
不過該網站獲取電子郵件的方式有點佛系,沒有彈窗,只把郵件獲取框放到了網站的頁尾部分。建議賣家還可以做一個彈窗模式,給一定的折扣以獲取使用者郵件,以便為以後的郵件營銷做準備。
2. Bliss(美國)
Bliss主要銷售美容用品,網站配色很鮮豔,給人以非常愉悅的感覺。主頁上不管是大圖還是產品圖片都很精緻,讓人一看就知道這個網站是賣美容護膚用品的。
結算時,可以看到提醒消費多少送什麼贈品,可以鼓勵消費者購買更多的產品:
同時,Bliss還將社交媒體提及放在了網站上,算是一種社交證明,更容易讓買家信賴賣家的產品:
整體來說,這個網站導航欄簡單易用,基本電商網站該有的元素都具備了,是個不錯的參考模板。
3. Dress Up(美國)
Dress Up專門銷售女性時尚服飾,它網站使用對比鮮明的顏色和大膽的文字突出顯示新品、促銷或季節性促銷活動。
4. Bohemian Traders(澳大利亞)
如果你準備設計服裝電商網站,並且正在找靈感,那麼可以參考bohemiantraders.com。該網站的設計與網站名稱還有所銷售的服裝風格相映襯,也很波西米亞風格。
該網站導航欄輕鬆易用,讓買家可以根據最新的到貨、場合、配件和促銷產品等,輕鬆購買相應的服裝。
該網站不錯的一個點是,產品也不僅展示了純白背景的產品圖片,還有吸引人的場景照片。
5. ambsn (美國)
ambsn的電商網站銷售五顏六色的夾克、短褲和T恤。因此,網站設計也充斥著大膽的色彩。
同時,該網站將極簡主義貫徹到底,不管是導航欄還是網站尾部都非常簡單,只是使用橙色字型突出選單選項。導航欄簡單易用。
但是讓Lynn想吐槽的一點是,當時我檢視網站時,展示的大圖如下,這對讓Lynn產生了密集恐懼症,但是好像也記住了這個網站。對!就是那個網站讓我產生了密集恐懼症!
6. Dick Moby(荷蘭)
Dick Moby銷售眼鏡和太陽鏡。它的電商網站有很多很棒的設計元素。首先,在其首頁頂部看到的有趣模式和花樣(如下圖藍色波紋)。
其次,不管是產品目錄頁還是產品頁都使用了高質量圖片。在商店產品目錄頁面上,太陽鏡和眼鏡是單獨放置的,背景中沒有任何東西,這讓產品容易脫穎而出。
這是一個很棒的電商網站示例,其獨特的網站設計也給產品創造了獨特的感覺。
7. The Horse(澳大利亞)
從電商網站的名稱到設計, The Horse都令人難忘的。我們看到大膽的大圖使用是其網頁設計的一部分,文字很少。
同時,The Horse獲取消費者電子郵件地址的方式也很特別,文案是這麼寫的:“Become a friend. Be the first to know about news, exclusives and behind the scenes, and get 10% off your first full priced order. (交個朋友。成為第一個瞭解新品、獨家產品和幕後花絮的人,首單還能打九折哦。) ”
衝著交個朋友這句話,Lynn按捺不住麒麟臂地提交了電子郵件地址哈哈哈哈~
如果賣家正在探索如何以獨特的方式設計網站,那麼可以從The Horse的網站設計中汲取一些靈感。
8. ESQIDO(加拿大)
ESQIDO的電商網站設計著重展示了產品的美感,網站上充滿了產品及其複雜包裝的特寫照片。
甚至在首頁上插了一段短影片解釋如何貼假睫毛,簡直不要太體貼。
在如今消費者注意力時長越來越短的情況下,短影片是能很好地呈現產品並促使消費者下單的內容形式之一。
如果你正在考慮建立化妝品或者是美容用品電商網站,那麼就可以參考該網站的佈局以及產品和影片拍攝的模式。
9. Mahabis(英國)
Mahabis網站專注展示高品質產品,當然沒有什麼比擁有漂亮的網站設計更有說服力了。
進入網站首頁後,你會感覺所有的資訊都在說明一點,那就是產品很舒適。
有一說一,這張圖我真的看了好久,看著就感覺產品肯定很舒服、很治癒:
同時網站也有一些小細節能讓買家耳目一新,包括讓買家知道鞋子具體由哪幾部分製成:
此外,該電商網站的產品頁面圖片拍攝都使用純白背景,並且鞋子的每一面都有拍到,產品圖片的拍攝形式很值得賣家學習。
10. Poketo(美國)
Poketo網站主要銷售文具,它使用了鮮豔的色彩來發揮自己的產品優勢。
買家可以輕鬆透過頂部導航欄瀏覽產品,或者只需向下滾動檢視圖片形式的品類導航佈局,這很養眼,也很簡單易用。
整個網站設計易於閱讀,網站所有者巧妙地在內容比較飽滿的地方使用白色字型和CTA用語(號召性用語),並在沒那麼飽滿、比較空白的地方使用黑色字型,便於訪問者閱讀。
11. Jackie Smith(阿根廷)
Jackie Smit是主要銷售各類箱包,它使用了鮮豔的色彩讓其凸顯出來。但是它鮮豔的顏色又不僅限於多彩的箱包和促銷圖片,甚至連網站使用的字型都是彩色的!
如果賣家銷售的產品顏色也是比較鮮豔的,就可以參考這一網站的設計。
12. Grovemade(美國)
Grovemade主要銷售木製桌面辦公用品,其電商網站上都是結合日常拍攝的產品圖片。該賣家會在書桌上擺放各種木製配件然後拍精美照片,照片的構圖很棒。
而且該網站的字型很特殊,比較圓潤,並不是在大多數網站設計模板看到的典型字型。
13. Muroexe(西班牙)
Muroexe網站的產品佈局很棒。鞋子排列整齊,便於瀏覽。產品目錄頁面有很多地方留白,這反而能更加突出產品。
14. Sierra Designs (美國)
Sierra Designs主要銷售戶外用品,網站引人注目一點是使用了專業攝影照片,並且對使用者友好,該網站還成功做到在乾淨的設計美學和響應式網頁設計之間達到了平衡,網站上的一些圖片該網站給人一種冒險和生動的感覺。
15. Helbak(丹麥)
Helbak是小型企業網站設計的完美示例,它表明其實賣家的電商網站不必過度設計。
該網站首頁真的是將極簡主義貫徹到底,當我準備好看看這個網站到底有什麼驚人之處的時候,下拉一下就發現到底了。
不過他的產品頁面很特別,沒有多餘的描述,大面積的留白也讓產品更加突出,並讓整個頁面很簡單、整潔,並且易於買家瀏覽購買。
16. Skullcandy(美國)
Skullcandy主要銷售耳機產品,它的電商網站設計也非常簡單,但它透過字型的顏色、適量的文字和強烈的視覺對比,來增強使用者體檢。
17. THING IND.(美國)
THING IND.主要銷售家居用品,它的電商網站真的很有趣。首先,它透過使用大字型來吸引買家,並且字型的顏色還不是黑色的,而是海軍藍。
其次它銷售的產品很有趣,電商網站設計也反映了這一點。Lynn挑出一款產品來跟大家分享一下:
這個椅子在該網站上售價280美元,對就一個椅子的框架,沒有坐墊。平常我們回家經常衣服、包包隨便就往沙發一放,而這個椅子就是來替換沙發的,專門用來放沒用的衣服、包包之類的東西。
看了該電商網站的產品後,Lynn只想說,奇奇怪怪,可可愛愛哈哈哈哈哈~
不過許多產品都有GIF圖片展示產品的使用情況,這一點賣家可以參考並在自己網站上使用。
18. Soap Co.(英國)
Soap Co.銷售的是自己設計的產品,外觀顏值很高,並且網站上基本沒有什麼廣告或者特殊的裝飾。小型電商企業設計自己的網站時,可以參考一下。
19. RSVP(法國)
這個電商網站的設計很有趣,網頁的四個角落分別放著網站名稱中的四個字母。
並且網站首頁不時會出現各種形狀的手,這裡能夠引起買家注意郵件訂閱框:
此外,產品加入購物車時,不會另外跳轉到購物車頁面,讓買家繼續停留在產品頁面。
整體來說,簡單易用,一些獨特的網頁設計是加分項。
20. Ratio(美國)
Ratio借電商網站設計向客戶顯示正在銷售高階咖啡機。網站的設計充分利用了圖片、色彩、排版和適當數量的空白,從而使其脫穎而出。
賣家如果是利用Shopify建立電商網站,那麼就可以透過Shopify的Product Review外掛新增此功能。
21. Frank Body(澳大利亞)
Frank Body銷售咖啡磨砂膏,其電商網站設計迎合了年輕受眾,網站、甚至是產品的包裝都使用了同色系:
產品目錄頁面上的產品用純色背景展示,突出產品:
但當點進去檢視時,就可以看到生活照形式的產品圖片還有產品影片:
22. Rest.(美國)
Rest網站出售手工製作的木製桌面辦公用品。該電商網站上的拍攝產品圖片和影片形式值得我們學習,但是它在購物體驗方面有待提升,Lynn進去看的時候都缺貨了,也不知道從哪裡看產品目錄和購買。
因此,我們在建站時,設計元素要有,但是也要兼顧實用性,特別是要方便訪客檢視併購買產品。
23. 100% Pure(美國)
100%Pure的網站設計得並沒有很精美,但我想借這個簡單的電商網站示例,來告訴賣家,設計網站有時不需要有太多的創意,只要讓網站做到易於瀏覽就可以了。
24. All Birds(美國)
All Birds銷售服飾鞋類產品。
我喜歡All Birds產品頁面的影片,與以往看到的大多數鞋子照片有所不同,有動感。
25. Oi Polloi(英國)
Oi Polloi主要銷售鞋服產品,網站使用極簡設計,但很有趣。其網站設計依賴於彩色背景上的巨型照片,同時還使用了有趣的自定義字型。
26. P&Co(英國)
P&Co之所以出現在此列表中,是因為他們對產品細節的關注。不可否認,這個服裝網站的設計非常特別,它展示了T恤衫的許多不同角度。產品也有很多不同的規格,這與擁有出色的電商網站設計同樣重要。
27. Black Butterfly(英國)
Black Butterfly的電商網站設計基本主題是簡約、現代。這個電商網站佈局很簡單。有趣、可愛的產品照片覆蓋了整個網站,讓買家可以輕鬆滾動至感興趣的服裝產品。
28. Green Glass (美國)
在瀏覽Green Glass 網站時,你會很快就意識到其製作工藝的獨特性。顏色、字型和圖片與商店傳達的資訊息息相關。此外,背景非常中性,因此訪客可以專注於產品。而且與文字相比,產品圖片顯示得很大。
29. SISU Guard(美國)
在體育用品方面,SISU Guard是設計最出色的電商網站之一。它將網站分為幾部分,可以讓買家更輕鬆地瀏覽感興趣的品類。簡約的設計有助於保持買家對產品的關注。
30. Dainty Jewell’s(美國)
這是服裝電商網站的示例,其外觀非常柔和。網站主要的顏色是淺粉色、金色和白色,並帶有精美的圖案,這樣的網站設計與要銷售的產品配合得很好。感覺非常清新,就很女孩子,字型與網站的其他外觀匹配。
31. Boxhill(美國)
Boxhill的電商網站留有很多空白,可幫助更突出地展示商品。它的設計非常簡潔整潔,使網站看起來非常專業和精緻。產品目錄只是簡單地羅列產品,但是當單擊某個產品時,就會為那些想了解產品的人提供冗長的描述。
32. Northernism(荷蘭)
該電商店鋪的獨特之處在於,它透過將圖片和文字放成一格一格的樣式,這讓其網站脫穎而出,其他許多電商網站都沒有做到這一點。採用現代設計,此電商網站具有大量的留白空間,其中包含簡單的圖片,從而使網站的擁擠程度降低了。
33. Bon Bon Bon(美國)
Bon Bon Bon銷售手工巧克力,它的網站設計很令人印象深刻。該電商網站上的顏色、設計和圖案都很有趣。
甚至連產品頁面也看起來都獨特而有趣,展示了產品如何包裝:
34. Simply Chocolate(丹麥)
Simply Chocolate是一家位於丹麥哥本哈根的巧克力公司。這家電商網站的設計提供了足夠的空間,以使每個產品都可以單獨發光。向下滾動頁面時,頁面中間會浮起一個新的巧克力棒,每個巧克力棒都有不同的顏色主題和有趣的名稱。
此外,每個巧克力棒的配料成分(例如椰子片、杏仁、薄荷葉或其他)生動地覆蓋了螢幕的一半。這個電商網站的網站設計是任何其他網站都無法比擬的。
35. Premium Teas(加拿大)
Premium Teas主要銷售茶葉,其電商網站具有乾淨、現代和精緻的設計。
產品的展示方式讓買家更容易滾動瀏覽並選擇所需的產品。同時產品目錄頁面側重於展示產品視覺圖,而不是被過多的文字覆蓋。當買家單擊任何產品時,將被帶到另一個頁面,其中包含有關茶的詳細說明,其中包括產品資訊,例如香氣、咖啡因含量、釀造時間、釀造溫度,以及對買家有價值的更多資訊。
36. Bouguessa(阿聯酋)
當你進入網站時,Bouguessa的主頁就會散發出奢華的感覺。這個時裝品牌直接讓圖片成為網站的焦點,並依靠影象來銷售商品,同時將導航欄做成極簡模式。
網站的黑白色主色調能夠使長裙等鮮豔的服裝脫穎而出。
此外,Lynn最喜歡的一點是,該網站還在頁尾的上方放了Instagram帖子,這有利於引導買家關注社交媒體賬號,並在社交媒體上與買家保持互動。
37. Ban.do(美國)
ban.do是一家銷售家居生活用品的電商店鋪,其特點在於用生動有趣的主題歸類產品,網站色彩鮮豔。這樣的組合讓它具有年輕的精神,再加上易於使用的導航欄讓買家很難退出該站點。
以上就是37個比較出色的電商網站設計樣式,你們有沒有受到什麼啟發?
總而言之,我們在建立並設計店鋪網站時一定要牢記易於瀏覽和使用是基礎,在此基礎上再去加設計元素。
因此簡單易用的導航欄、方便的“新增購物車”、支付結算和產品評論功能、高質量的產品圖片和清晰的產品描述都是必不可少的。在此基礎上,我們再加一些設計元素(圖案樣式,就像Dick Moby那樣的)、一些追加銷售和交叉銷售的策略、索要訪客電子和社交證明等。
你們建立的電商網站是什麼樣的,快來跟Lynn分享一下~