12 個設計精美的購物網站，激發您的靈感
已發表: 2017-06-24目前有超過 300 萬個購物網站使用 WooCommerce 作為他們的首選平台。 這意味著在為您的最新項目尋找靈感時，有很多 WordPress 網站可供仔細閱讀。
在本文中，我們選擇了 12 個設計精美的 WordPress 購物網站。 這些都展示了各種有趣的、有用的，有時只是令人驚嘆的設計元素。 因此，請看一看，決定什麼適合您的 WordPress 電子商務商店，然後開始您自己的設計。
1. 以前是的
以前 Yes 是一家富有創意且美觀的電子商務商店。 最小是這裡的關鍵，具有乾淨、簡單和有組織的佈局。 顯示的所有圖像大小相同，所有產品均設置為灰色背景。 一個獨立的、藝術定位的商店名稱（以前是）貼在頁面的右側，這樣它就可以被看到，但不會分散頁面上的任何項目的注意力。
關於頁面給這家企業一種親密的感覺。 這裡展示了業主的全屏圖片，以及關於他們和他們的商業靈感的簡介。 其次是他們的商店地址，顯示他們位置的地圖，以便客戶可以輕鬆找到他們，以及那些非常重要的營業時間。
2. 巴塔
Bata 為他們的觀眾提供了有趣和充滿活力的體驗，這與他們為鞋履系列創造的形象非常相符。 帶有文字疊加的全屏圖像迎接訪問者，為時尚和時尚的網站設置場景。
主頁由豐富多彩的圖片和視頻拼貼而成，鼓勵觀眾了解公司、產品、新聞等。 第二個菜單欄顯示在每個頁面的底部，幫助訪問者瀏覽網站。 並且頁腳顯示了大量社交媒體按鈕以鼓勵關注。
3.鹽和稻草
Salt and Straw 是一個照片豐富的網站，使用令人驚嘆的特寫圖像和他們產品的視覺效果。 從主頁上的整頁滑塊，到以網格佈局顯示的多張冰淇淋口味圖片，這個 WordPress 網站已經花時間考慮哪些圖片最能吸引訪問者進行購買。
Salt and Straw 不僅僅是一家電子商務商店，在美國各地擁有眾多實體店。 在“位置”下，它們顯示了不同店面的大型全寬照片。 這是幫助他們的客戶群找到並識別他們的商店的聰明方法。
4. Quero 手工鞋
Quero Hand Made Shoes 主頁顯示了一個全寬滑塊，展示了他們的鞋子和設計過程的圖像，立即吸引了觀眾。 在第二個滑塊下方顯示了 Quero 被提及的報紙和雜誌，有助於提升 Quero 品牌在訪問者眼中的地位。
主頁的其餘部分以他們的產品圖片為主。 這些經典地顯示在佈局中，由白色邊框分隔。 當您將鼠標懸停在產品上時，會從不同角度顯示該產品的另一張圖片，以及一個單獨的添加到購物車按鈕。
5. 挑剔的酒吧
Picky Bars 具有明亮、有趣和清新的風格和感覺，使其在眾多其他在線購物網站中脫穎而出。 該網站使用大膽的顏色、文字和按鈕來產生強烈的影響。 全屏滑塊顯示圖像，文字疊加分享新聞和促銷活動，吸引觀眾的注意力。
主頁上顯示一個彈出窗口，用於收集電子郵件並以 10% 的折扣優惠推送銷售。 社交媒體按鈕也顯示在頁面頂部的菜單和頁腳中，以幫助增加追隨者。 在商店中，可以使用屏幕左側的詳細產品菜單輕鬆搜索商品。
6. 好批次
Good Batch 使用深棕色和淺棕色的組合作為配色方案。 這與他們銷售的產品完美契合。 該網站還在每個頁面的左上角顯示一個大徽標，有助於在觀眾的腦海中根植他們的品牌。
下拉菜單使網站易於瀏覽，並幫助訪問者快速找到他們有興趣購買的產品。 每個頁面底部的頁腳也有一個非常實用的工作，顯示商店的地址、聯繫頁面的鏈接、社交媒體關注按鈕和電子郵件選擇加入表格。
7. 魔書訓練師
Mooshu Trainers 以其令人驚嘆、明亮和充滿活力的圖像在其他購物網站中脫穎而出。 主頁使用並行效果。 部分顯示各種全角圖像、單個產品和其他重要信息。 大膽的顏色用於幫助文本彈出，按鈕突出，並激發幸福感。
Mooshu Trainers 提供了許多獎勵，並在主頁上的顯眼位置。 這些包括對超過一定數量的訂單免費送貨，以及如果首次購買者註冊網站的電子郵件列表，則可以享受折扣。 主頁底部還顯示了一個搜索欄和令人印象深刻的 Instagram 提要，以幫助提高參與度。
8. Jack Ruddy 雞尾酒
Jack Ruddy Cocktail 是一個經典定義的網站，它利用簡單性來發揮自己的優勢。 使用灰色、白色和黑色配色方案可以讓產品“流行”。 在主頁上，一個最小的菜單確保全屏圖像不會分散注意力。 提供“免費送貨”的離散問候欄顯示在頁面頂部，以幫助鼓勵銷售。
“商店”遵循少即是多的類似主題，僅顯示產品的圖片、名稱和價格。 產品可以在現場購買，支付網關 Stripe 用於處理支付。
9. NC 健身
NC Fitness 給網站留下了持久的印象，這意味著業務。 它使用黑白配色方案，並帶有一絲橙色，以添加大膽而明亮的光線。 佈局清晰且組織良好，所有圖像、文本和按鈕都有其用途。
產品易於搜索，有詳細的選項可供選擇，以幫助用戶準確找到他們正在尋找的內容。 產品顯示“願望清單”圖標，使客戶能夠保存他們感興趣的項目以備將來購買。 對於那些使用再營銷廣告的網站所有者來說，這是一個很好的選擇。 買家還可以在現場購買產品，通過包括 PayPal 在內的多種支付網關進行自動付款。
10.結束
Over 是一家時尚、乾淨、現代的電子商務商店。 帶有粗體文本覆蓋的大型全尺寸圖像在主頁上向訪問者致意。 產品以三行顯示，沒有其他立即可用的信息。 這可確保項目得到觀眾的充分關注。 將鼠標懸停在每個產品上將顯示每個項目的名稱和價格。
如果您訂閱他們的時事通訊，Over 還會顯示一個提供 10% 折扣的彈出窗口。 這是一種聰明的潛在客戶生成策略，因為它不僅有助於增加他們的郵件列表，還可以激勵人們進行購買。
11. 黑馬
很明顯，黑馬有自己獨特的風格，使其與其他購物網站區別開來。 前衛和超酷的風格通過他們網站的整潔佈局來描繪。 使用簡單的顏色組合，僅由白色、黑色和灰色組成。 他們的產品通過醒目的圖像展示。
在“採訪”下，Dark Horse 展示了他們的產品在世界各地的精選餐廳、酒吧和房屋中的使用情況。 這不僅有助於激發訪問者以不同方式使用他們的產品，而且有助於圍繞品牌建立一個社區。 Instagram 小部件還鼓勵黑馬的觀眾在社交媒體上加入他們。
12. 藍星咖啡烘焙機
Blue Star Coffee Roasters 使用大膽的設計，帶有塊狀顏色、粗文本和特寫圖像。 主頁有明確定義的部分，可以劃分顯示的信息並吸引訪問者的注意力。
Blue Star 顯示一個粘性菜單欄，使菜單始終可見。 這使觀眾可以輕鬆選擇新頁面並瀏覽網站。 像這樣的技巧通常會導致更長的瀏覽時間，訪問者在網站上停留的時間越長，他們購買的可能性就越大。
關於購物網站的最終想法
注意到眾多購物網站之間的差異令人著迷。 特徵的多樣性，無論是設計、風格、佈局還是其他功能，確保那些研究 WordPress 電子商務商店的人可以輕鬆地為自己的項目找到靈感。
但是，在創建自己的 WordPress 網站時，請始終牢記您的產品和受眾。 創建一個反映您銷售的商品、您的業務和品牌的網站。 並始終考慮您的受眾會對什麼反應良好，以及什麼會鼓勵他們進行購買。
你有任何最喜歡的 WordPress 購物網站嗎？ 請在下面的評論中分享…
特色圖片由 A. Zakharchenko/shutterstock.com 提供