设计电子商务网站首页以增加销售额的 5 种方法

您知道如何为电子商务网站设计产品页面和结账漏斗.但是,您是否真的在设计可以增加转化次数并有助于促进销售的网站?

今天,我想从客户旅程的后半部分移开,只关注他们访问的第一部分.在这篇文章中,我将讨论设计电子商务网站首页以增加销售额的五种方法.

如果您尚未建立电子商务网站,请务必阅读我们关于使用 WordPress 规划电子商务商店的综合指南.

如何设计电子商务网站的首页以促进销售

对于不具有直接销售目的的小型网站,提高转化率的公式通常非常简单:您的目标是通知、满足访问者的需求并获得潜在客户或客户.因为他们需要通过的导航层较少,而且通常只需要考虑一个号召性用语,所以很容易设计一条清晰的路径,将访问者从他们的进入点带到转化.

但是对于电子商务网站,这可能会变得复杂.广告资源可能非常广泛,目标受众也各不相同……这意味着让访问者实现转化并非易事.

最好的办法是系统地设计电子商务网站,以便分别处理用户旅程的每个部分.

例如,您知道如何设计电子商务产品页面以提高转化率.您还知道哪些支付网关最适合快速安全地处理电子商务交易.

仔细想想,电子商务网站通常不会遵循与传统商业网站相同的模式.他们不依赖大的英雄形象和丰富的空白来构建他们的品牌信息.电子商务网站专注于销售产品或服务的库存,因此设计必须较少依赖引人入胜的文字,而更多地依赖引人入胜的视觉效果.

下面,我列出了 5 个技巧,可以更有效地设计电子商务网站的首页,从而增加销售额.

1.展示价值主张(不要告诉)

通常,价值主张是在主页上英雄图片之上的简短声明.通常,只需一个描述性的标题、一两句话和一个强大的 CTA 按钮就可以向访问者传达"这就是我们所做的,您将从我们这里得到的".

此片段来自 QuickSprout信息图显示了您通常会在精心组织的价值主张中找到的元素:

QuickSprout Value Proposition
QuickSprout 关于价值主张的信息图表的片段.

然而,对于电子商务网站,少即是多.让我们使用 IT's Watch 中的这个例子:

IT's Watch Value Proposition
IT's Watch 的价值主张无需多言.

主页标题是一个旋转横幅,其中包括其监视线的各种镜头.内部产品页面做同样的事情,减去重叠的文本(这是一致的网页设计的标志):

IT's Watch Internal Header
IT'S Watch 无字价值主张的另一个例子.

在主页标题上,唯一出现的文字是"Orologi"(手表)和"Cinturini"(乐队).用户将鼠标悬停在他们想要的那个上,然后可以选择"女性"、"男性"或季节(因为他们设计的手表与一年中的时间相符).

显然,IT’s Watch 没有必要通过对其手表和腕带的解释来干扰该产品线的清晰视觉效果.图像不言自明.对于价值主张明确的电子商务网站,请以此为灵感,用很少甚至根本不用字词向访问者传达您的信息.

2.向标题添加快捷方式

对于许多网站,您希望设计一个简单且切题的标题和导航是有道理的,就像 WPMU DEV 所做的那样:

WPMU DEV Navigation
WPMU DEV 有一个非常简单的导航栏.

这样一来,访问者可以快速了解他们将在网站上找到什么类型的信息,然后再向下滚动以从价值主张和其他主页部分中了解更多信息.

对于电子商务,我查看顶部栏的方式与查看自己浏览器的书签栏的方式相同.每次我踏入 Chrome 时,我都打算做一些事情.为了节省自己挖掘它们的时间,我将所有常用页面都保存在我的书签栏上,每个页面都有很好的标签,并且有逻辑地组织.

Design the First Page of an eCommerce Site-Chrome Bookmarks
书签栏(类似于电子商务导航)旨在简化我们的操作.

它们还可以很好地提醒我检查我的业务或其他写作工作,因为视觉提醒一直在那里.

电子商务标题栏需要为访问者完成同样的事情.您使用此网站的目标是让他们能够迅速采取行动,而不是了解您的公司并填写联系表格以获取更多信息.这意味着您希望他们执行的所有操作都需要在该栏中轻松访问.

以 Nordstrom 的网站为例:

Design the First Page of Your eCommerce Site Nordstrom Header Bar
Nordstrom 的导航标题包括其客户需要的所有快捷方式.

当然,前面和中间有组织良好的导航栏.这里没有任何过于简化的东西.如果有人想找到女士手袋、儿童毯子、化妆品、男鞋或清仓商品,真的不需要猜测.正如 Baymard Institute 的研究显示:

"……我们在主页上进行的大规模可用性测试分类导航显示,不直接在主站点导航中显示产品分类会导致用户出现多个严重的导航问题."

在 Nordstrom 的标题中还可以找到这些额外的元素:

  • 搜索栏
  • 登录门户
  • 购物车

这些元素中的每一个都始终存在于网站上,吸引访问者走捷径,开始做生意.如果您希望增加电子商务网站上的销售额,请让您的访问者快速进入该部分旅程.

3.给你的照片很多爱

首先,您应该只在电子商务网站上使用自定义摄影和录像.客户无法亲自看到您的商品,因此您可以为他们提供越多的视觉效果、角度、变化和背景,效果就越好.

并且,一如既往,确保在发布到您的网站之前图像已完全优化.这应该包括让每个图像都准备好视网膜.

然而,自定义摄影和压缩图像文件只是一个开始.电子商务图片还必须立即对访问者产生巨大影响.

要做到这一点,需要进行一些实验.对一个网站有用的东西并不总是对另一个网站有用,所以这意味着要对颜色、数量、变化、文本放置等因素和元素持开放态度.其中很多都归结为图像中的内容,但是这也取决于你正在建造什么样的商店.我们来看几个例子.

Gather 是一个为用户提供简单组织解决方案的网站.这意味着"购物"过程更多地围绕着自己的组织解决方案的定制,而不是细读大量产品.因此,网站上不会堆满一堆待售产品.

Design the First Page of Your eCommerce Site Gather Images
Gather 使用强烈、单一的图像来展示其产品的多功能性.

它使用像上面那样的全角图像来展示客户可以使用 Gather 系统为自己构建的各种模型.

那么,让我们以护肤解决方案供应商 Lanbelle 为例.

Design the First Page of Your eCommerce Site Lanbelle Images
Lanbelle 的主页产品图片尽显精致.

因为品牌形象是为客户提供最佳结果的同义词,所以图片需要散发出一种干净、精致和放纵的感觉.因此,每张照片都经过完美拍摄和精心构图.

当然,我们应该看看像亚马逊这样的庞大市场.如今,亚马逊是一个产品大杂烩,客户真的不能对主页或搜索结果中的图像显示抱有太大的期望.

Design the First Page of Your eCommerce Site Amazon Images
亚马逊市场太大,无法有效整合所有这些产品以有组织的方式.

也就是说,亚马逊在仅展示高质量视觉效果方面做得相对较好.然而,在组织上,它有点混乱.因为它是如此知名和值得信赖的品牌,所以它可以摆脱这种图像过载.

出于您自己的目的,即使 亚马逊将访客转化为更多客户 真的很好,但我强烈建议不要设计具有这种随意性的电子商务商店以及铺天盖地的产品和广告布局.图片应该传达您希望品牌向客户传达的信息;不仅仅是增加从商店购买的产品的潜在数量的工具.

4.用颜色传达紧迫感和稀缺性

颜色对于网页设计师来说是一个非常强大的工具.在设计网站时,使用色彩心理学以确保您能吸引受众,同时向他们传达关于您的品牌的正确风格和信息. >

对于主要专注于销售产品的电子商务网站,颜色可能会让人分心.也就是说,除非您使用颜色来引起对将极大地使您的客户受益的消息的注意.

例如,我们有 Leesa:

Design the First Page of Your eCommerce Site Leesa Timer
Leesa 倒数计时器的一个很好的例子.

这个弹出式优惠本身非常引人注目.但是,请注意顶部红色的滴答计时器.通过明亮的颜色使用和计时器的移动,让客户知道此优惠在有限的时间内可用,Leesa 有效地利用这些元素来传达紧迫感.

亚马逊是一个经常利用紧迫性和稀缺性来迫使用户快点购买的品牌.

现在,亚马逊的"Prime Day"广告大肆宣传.一天半之后,亚马逊才向 Prime 客户提供了一系列超级有吸引力的交易.因此,他们不仅希望在这段时间内增加销售量,而且还可能希望在此之前获得更多的 Prime 客户.

正是像这样的促销横幅可以让他们在本月获得这些客户和销售额:

Design the First Page of Your eCommerce Site Amazon Urgency
亚马逊的销售日和现场促销活动在获得更多销售方面非常有效.

如您所见,亚马逊无需花费太多时间就可以实现这一目标.只是一个简单的横幅,上面有一种需求量很大的产品的图片,而且价格被大幅削减,以至于当天客户无法回到亚马逊购物.

5.用弹出窗口激励

Shopify 报告称,发布优惠券代码的电子商务网站往往会产生更多销售额.具体:

  • 优惠券代码将销售的可能性提高了 8%.
  • 在一年内在 Shopify 网站上进行的所有销售中,有 17% 使用了优惠券代码.

(是的,我意识到这些是特定于 Shopify 的统计数据,但我相信它们与电子商务 CMS 无关.)

它的优点在于,使用弹出窗口和粘滞条在网站上实施优惠券代码真的很容易.我最喜欢的插件? 喧嚣.

Design the First Page of Your eCommerce Site Hustle Plugin
使用 Hustle 改进促销优惠的设计.

它不仅可以帮助您在网站上展示设计精美的优惠券代码,而且您还可以收集电子邮件地址以换取它们(双赢).您可以根据需要创建任意数量的优惠.这样,如果有人因为认为它无关紧要而点击弹出窗口,您可以用另一个贴在网站顶部或底部的方式抓住他们.

Buffy 使用此弹出窗口为新客户的首次购买提供折扣:

Design the First Page of Your eCommerce Site Buffy Popup
执行简单,但能有效地引起人们对特价商品的关注.

它颜色鲜艳,直截了当,甚至还附有一个有趣的小吉祥物.

Polaroid Originals 是另一种使用弹出窗口来吸引注意力的产品,但是这是一个有趣的方法:

Design the First Page of Your eCommerce Site Polaroid Email
这是一个有趣的颜色选择,但我认为它在超级多彩的网站.

网站本身绝对令人惊叹,单色背景过渡到更加丰富多彩的背景.但是然后你有这个全黑的弹出式报价.它绝对与网站的其他部分形成鲜明对比,并且肯定会因此而受到很多关注.

以下是来自 ThemeForest 网站的粘性栏示例:

Themeforest Banner
由于移动优先索引,促销横幅变得非常流行.

除了网站上出售的模板和主题的徽标外,ThemeForest 通常具有非常柔和的设计.但是,通过粘性栏中的这种小颜色,客户会立即被特别优惠所吸引.

想要提高您的销售转化率?然后这样做……

最重要的是:为了提高您的在线转化率,您的网站需要从一开始就给人留下深刻的印象.它需要坚定不移.这意味着为客户提供一个安全的购物场所、一个快速网站来查看库存,并为他们提供所需数量和类型的正确信息.

显然,此列表并不是电子商务设计技巧的全部内容.但是有了产品页面设计指南,支付网关建议,现在这些关于如何设计电子商务网站首页的技巧,你有一个更全面的关于如何在整个用户旅程中提高销售额的端到端概述.

标签:

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/7760.html

4

发表回复