12 个设计精美的购物网站,激发您的灵感

已发表: 2017-06-24

目前有超过 300 万个购物网站使用 WooCommerce 作为他们的首选平台。 这意味着在为您的最新项目寻找灵感时,有很多 WordPress 网站可供仔细阅读。

在本文中,我们选择了 12 个设计精美的 WordPress 购物网站。 这些都展示了各种有趣的、有用的,有时只是令人惊叹的设计元素。 因此,请看一看,决定什么适合您的 WordPress 电子商务商店,然后开始您自己的设计。

1. 以前是的

购物网站 - 以前是的

以前 Yes 是一家富有创意且美观的电子商务商店。 最小是这里的关键,具有干净、简单和有组织的布局。 显示的所有图像大小相同,所有产品均设置为灰色背景。 一个独立的、艺术定位的商店名称(以前是)贴在页面的右侧,所以它可以被看到,但不会分散页面上的任何项目的注意力。

关于页面给这家企业一种亲密的感觉。 这里展示了业主的全屏图片,以及关于他们和他们的商业灵感的简介。 其次是他们的商店地址,显示他们位置的地图,以便客户可以轻松找到他们,以及那些非常重要的营业时间。

2. 巴塔

购物网站 - Bata

Bata 为他们的观众提供了有趣和充满活力的体验,这与他们为鞋履系列创造的形象非常相符。 带有文字叠加的全屏图像迎接访问者,为时尚和时尚的网站设置场景。

主页由丰富多彩的图片和视频拼贴而成,鼓励观众了解公司、产品、新闻等。 第二个菜单栏显示在每个页面的底部,帮助访问者浏览网站。 并且页脚显示了大量社交媒体按钮以鼓励关注。

3.盐和稻草

购物网站 - Salt and Straw

Salt and Straw 是一个照片丰富的网站,使用令人惊叹的特写图像和他们产品的视觉效果。 从主页上的整页滑块,到以网格布局显示的多张冰淇淋口味图片,这个 WordPress 网站已经花时间考虑哪些图片最能吸引访问者进行购买。

Salt and Straw 不仅仅是一家电子商务商店,在美国各地拥有众多实体店。 在“位置”下,它们显示了不同店面的大型全宽照片。 这是帮助他们的客户群找到并识别他们的商店的聪明方法。

4. Quero 手工鞋

购物网站 - Quero

Quero Hand Made Shoes 主页显示了一个全宽滑块,展示了他们的鞋子和设计过程的图像,立即吸引了观众。 在第二个滑块下方显示了 Quero 被提及的报纸和杂志,有助于提升 Quero 品牌在访问者眼中的地位。

主页的其余部分以他们的产品图片为主。 这些经典地显示在布局中,由白色边框分隔。 当您将鼠标悬停在产品上时,会从不同角度显示该产品的另一张图片,以及一个单独的添加到购物车按钮。

5. 挑剔的酒吧

购物网站 - Picky Bars

Picky Bars 具有明亮、有趣和清新的风格和感觉,使其在众多其他在线购物网站中脱颖而出。 该网站使用大胆的颜色、文字和按钮来产生强烈的影响。 全屏滑块显示图像,文字叠加分享新闻和促销活动,吸引观众的注意力。

主页上显示一个弹出窗口,用于收集电子邮件并以 10% 的折扣优惠推送销售。 社交媒体按钮也显示在页面顶部的菜单和页脚中,以帮助增加追随者。 在商店中,可以使用屏幕左侧的详细产品菜单轻松搜索商品。

6. 好批次

购物网站 - The Good Batch

Good Batch 使用深棕色和浅棕色的组合作为配色方案。 这与他们销售的产品完美契合。 该网站还在每个页面的左上角显示一个大徽标,有助于在观众的脑海中根植他们的品牌。

下拉菜单使网站易于浏览,并帮助访问者快速找到他们有兴趣购买的产品。 每个页面底部的页脚也有一个非常实用的工作,显示商店的地址、联系页面的链接、社交媒体关注按钮和电子邮件选择加入表格。

7. 魔书训练师

购物网站 - Mooshu Trainers

Mooshu Trainers 以其令人惊叹、明亮和充满活力的图像在其他购物网站中脱颖而出。 主页使用并行效果。 部分显示各种全角图像、单个产品和其他重要信息。 大胆的颜色用于帮助文本弹出,按钮突出,并激发幸福感。

Mooshu Trainers 提供了许多奖励,并在主页上的显眼位置。 这些包括对超过一定数量的订单免费送货,以及如果首次购买者注册网站的电子邮件列表,则可以享受折扣。 主页底部还显示了一个搜索栏和令人印象深刻的 Instagram 提要,以帮助提高参与度。

8. Jack Ruddy 鸡尾酒

购物网站 - Jack Ruddy Cocktail

Jack Ruddy Cocktail 是一个经典定义的网站,它利用简单性来发挥自己的优势。 使用灰色、白色和黑色配色方案可以让产品“流行”。 在主页上,一个最小的菜单确保全屏图像不会分散注意力。 提供“免费送货”的离散问候栏显示在页面顶部,以帮助鼓励销售。

“商店”遵循少即是多的类似主题,仅显示产品的图片、名称和价格。 产品可以在现场购买,支付网关 Stripe 用于处理支付。

9. NC 健身

购物网站 - NC Fitness

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 提供