跳转到内容

2020年电子商务网站设计的12个想法

33章作者:Nicole Martins Ferreira

顶级零售商不断突破界限,在店面设计上进行创新,以建立一个值得信赖的品牌,推动销售额的高速增长。

你的网站设计在客户信任方面扮演着重要的角色。如果你的网站看起来不专业,过时,或者有明显的拼写错误,它会阻止顾客在你的商店购物。虽然您不需要花费数千美元来创建一个值得信赖的商店,但您确实需要投入时间。你可以采取一些步骤来确保你的网站达到今天的标准,你可以在提示部分找到这些步骤。然而,当涉及到网站设计时,你不应该止步于此。你还需要考虑优化你的在线商店的转化率。

网站设计理念示例:Phix服装有一个独特的网站布局。虽然对于大多数消费者来说,顶部导航通常是最直观的,但他们选择将导航添加在左侧。Phix与一般电商品牌的另一个显著区别可以在产品页面上找到。他们的行动呼吁(CTA)可以在页面底部找到。不在上面。如果顾客想要找到“添加到包中”的按钮,他们需要浏览超大尺寸的产品图片,这些图片展示了很多细节。当他们滚动图像后,他们会发现一个大的黑色添加到包按钮与白色背景形成鲜明的对比。虽然我们不知道这个页面的转换效果如何,但它可能是一个非常值得运行的分割测试实验。


网站设计思路和技巧:

Dannijo有一个非传统的产品页面。在折叠上方,产品页面看起来很标准。它包括图片,副本和一个“添加到包”按钮。然而,在折叠下面,您会发现一个产品集合。通常情况下,零售商会列出3到4种推荐产品。然而,Dannijo在产品页面上有35个不同的产品列表。这使得顾客在向购物车中添加商品后可以保持在同一页面上。虽然我们不能确定它是否帮助提高了平均订单价值,但这绝对是一个值得尝试的实验。

好得像金子有一个独特的产品集合页面。当顾客浏览照片时,他们可以将鼠标悬停在图片上查找产品细节。你会看到价格、可用尺寸、是否售罄以及产品名称等细节。这有助于确保客户在进入产品页面时已经准备好了购买。他们会知道他们的尺寸是否合适,价格是否符合他们的预期。

缪斯女神通过在主页上添加“添加到购物车”按钮来优化他们的商店。虽然大多数店主只在产品页面上有“添加到购物车”按钮,但您可以将其添加到其他流量大的页面上。Muse将CTA放在主页上可能是因为登陆该页面的人很多。同样的,雅诗兰黛在他们的“关于我们”页面上增加了“添加到购物车”按钮。Jeffree Star化妆品允许客户从集合页面向购物车中添加项目。商品被添加到购物车后,弹出窗口会询问顾客是继续购物还是进入购物车开始结账过程。当你在做网站设计的时候,记得优化流量最大的页面上的“添加到购物车”。否则,你可能会赔钱。

莫比迪克简化网上购物与色板。虽然色卡通常在产品页面上找到,但该品牌也将它们添加到产品列表页面。因此,当客户在产品集合中滚动图片时,他们可以在进入产品页面之前将鼠标悬停在不同的颜色上。虽然它可能会减少产品页面上的人的数量,但它确实有助于更早地确定客户的资格。当顾客将鼠标悬停在颜色上时,颜色就会改变。然而,一旦顾客按下一种颜色,他们就会被引导到他们的产品页面,在那里他们就可以进行购买。

马克要是具有独特的产品页面设计。当客户滚动时,产品图像会发生变化,但产品细节和添加到购物车的按钮保持不变。这可能有助于转化率,因为CTA保持在折叠之上,尽管滚动。

Ksubi他们的faq页面有一个独特的外观。您可以在FAQ页面以纯文本的形式列出您的问题和答案。然而,页面可能会很长,使客户更难找到他们问题的答案。他们的FAQ页面分为9个部分,包括下订单,退换货,国际订单和一般。在每个部分中,客户将找到问题和品牌收到的最常见问题的答案。客户需要单击该部分以出现下拉列表。这有助于创建一个干净的外观。

家得宝在他们的商店里有“跟踪您的订单”功能。这个功能可以让客户轻松地在线跟踪他们的购买。它还有助于减少客户支持咨询的数量。在你的商店中包含这样的功能可以让你的顾客对他们的跟踪查询得到立即的回应,提高顾客满意度。查看工具部分,找到一个Shopify应用程序可以在你的商店。

利用现代设计原则。你需要保持你的设计简单。确保你的布局是直观的。你的网站看起来像电子商务网站吗?虽然突破界限脱颖而出是件好事,但这也会让你的客户难以把握。你的产品页面流动的方式应该是客户习惯的。“添加到购物车”按钮应该与背景形成对比,即使客户不会说你的网站所使用的语言。

确保你的图片看起来专业。投资高质量的库存图片。一般来说,生活方式的照片作为横幅照片效果最好。避免看起来廉价的库存照片。上面有许多很棒的免费照片破裂, Shopify专门为店主制作的高质量图像集合。然而,并不是所有的免费库存图片都是平等的。有些图片真的会降低你品牌的声誉。避免低俗的图片。或者有过时图形的图像。

保持你的网站符合今天的标准。您需要调整大图片的大小,以确保保持快速的页面速度。如果你使用Shopify,你不必担心你的网站崩溃。如果你不是在购物,你可能想在黑色星期五之前切换,以确保你的网站不会在一年中最重要的一天崩溃。

确保你的联系信息在你的商店中可见。许多快递商避免提供联系方式,这使得客户很难联系到你。如果顾客在购买前意识到他们无法联系到你,这会让你的品牌看起来不那么值得信赖。你需要让客户容易接近你。


网站设计工具:

AfterShip是一个很好的订单追踪应用程序,被数千家Shopify商店使用。客户可以自己跟踪他们的包裹,而不必为此联系支持人员。定期更新,所以客户总是知道。

Shopify主题是一个很好的方式来活跃你的网站设计。如果你刚刚开始,你仍然可以使用列表中的其他工具使免费主题看起来很棒。理想情况下,您希望选择一个具有直观外观的主题,导航栏在顶部而不是在侧面。我的免费主题是最小的但是任何一个Shopify主题工作很好。你可以很容易地根据你的商店的细分市场对主题进行排序,以确保你的网站设计符合你的受众。你会发现服装和时尚、珠宝、玩具和游戏等主题。你也可以浏览基于集合,如极简,有趣和活泼,伟大的大库存和更多。主题还可以根据价格、产品数量、布局风格、产品页面功能、营销工具等进行分类。

嘿,卡森是一家提供全方位服务的电子商务公司。他们的电子商务专家团队可以帮助所有级别的店主完成一些小任务。在9.92分(满分10分)的情况下,客户往往对团队提供的服务水平感到满意。他们已经与6000多家店主合作完成了一些任务,比如添加社交媒体按钮,添加第二个带有悬停功能的产品图片,安装自定义字体等等。单个任务的起价为79美元,但你也可以支付每月249美元的无限制任务费。

破裂是Shopify的免费库存照片网站。为你的网站找到合适的图片可能是一个挑战,特别是如果你预算有限的话。Burst的库存照片中使用的许多产品都来自Oberlo的顶级供应商。你会发现各种流行的图片,如手机壳,健身,时尚,珠宝,宠物等。

有创意的市场提供选择的字体,图形,模板和更多。无论你是时候更新你的标志或提高你的社交媒体上的品牌,你会发现你需要的配件来升级你的商店的外观和营销材料。

Shopify专家是一个专家数据库,他们可以帮助建立您的在线商店。他们的专家数据库专门从事以下五个领域之一:店面设置、店面设计、开发、营销和摄影。当雇佣Shopify专家时,你可以根据你的需求和预算来选择一个人。你也可以浏览Shopify专家目录如果你想自己选一个的话。每个主要时区都有专家,确保你能在上班时间内找到合适的人。


网站设计资源:

电子商务网站设计的30个惊人的例子列举了30个拥有强大设计技能的商店的例子。你应该尽量让你的商店看起来更像这个列表上的商店。很多都是Shopify的商店,这意味着你可能会在Shopify的数据库中找到相同的主题。注意这些商店的共同点。在设计自己的商店时使用这些共性。

改善网页设计的14个基本技巧深入研究确保网站重新设计成功的技巧。它涵盖了从你的网站上删除什么类型的内容,要包括和实现的功能,如何改进你的导航,同时分享哪些策略是过时的。

改善电子商务网站的10个最佳实践涵盖如何增加可用性与伟大的产品摄影,产品选择,和直观的导航。它还详细介绍了如何通过搜索引擎优化、按点击付费(PPC)广告等方式增加曝光度。这篇文章还提到了如何通过A/B测试和有效的文案来提高你的转化率。

下一章:第34章

数据分析:如何为你的在线商店分析数据

除了销售,你知道你的商店的表现如何吗?学习如何分析数据,把你的在线商店…