case studies
提升电商：如何设计一个能驱动销售的制胜在线商店
提升电商体验：如何设计能驱动销售的成功在线商店
电商成功的因素有很多，但出色的商店设计是构建和扩展在线商店的必备条件。向 Shogun 学习如何设计一个制胜的商店。
来源： https://tendlyn.com/imprint/elevating-ecommerce-how-to-design-a-winning-online-store-thatll-drive-sales/ 作者： 特邀作者 发布时间： 2021-11-05T21:10:08.000Z 阅读时间： 9 分钟阅读
建立一个成功的电商业务取决于很多因素——需求旺盛且高质量的产品、引人注目的品牌形象、清晰的营销策略、高效的履约系统等等。
但是，如果你还没有创建一个与你的品牌和受众相匹配的在线商店，成功可能仍然遥不可及。
对于消费者来说，在线商店反映了它所展示的品牌和产品。如果设计不佳，购物者可能会认为产品本身也不怎么样。
事实上，一项研究发现，48% 的受访者表示网站设计是决定企业可信度的最大因素。此外，38% 的人会因为设计不吸引人而停止与网站互动。
因此，你给予商店设计的关注度应该与对产品的关注度一样多，这是合情合理的。
商店设计如何影响销售和转化？
尽管实体店仍然很多，但电商正在蚕食零售业越来越大的份额。
2020 年，电商在全球零售额中的份额跃升至 18%，预计到 2024 年将达到 21.8%。考虑到五年前这一比例仅为 8.6%，这个数字相当可观。
随着越来越多的企业涌入电商领域，差异化的需求比以往任何时候都更加迫切。
因此，你需要为你的整体商店开发一个引人注目的设计，既要独特于你的品牌，又要对用户友好。尽管人们是在线购物，但他们仍然希望获得一种能够接近实体店体验的感受。
你要让人们在购物时保持参与感，这样他们甚至不会想到去你的竞争对手那里购物。
你还需要关注商店中每个页面的目的。
构建客户旅程
你的商店页面代表了客户旅程的不同阶段，每个页面都吸引他们点击进入下一个页面，最终将他们带到结账页面。
对于绝大多数访客来说，首页将是他们旅程的起点（也是你销售漏斗的顶部）。
从那里开始，通过清晰的导航和恰当的产品视觉组合，购物者可以自行分类，你后续的页面就可以开始向他们推销你的优质商品，推动他们进一步深入漏斗。
你的首页设计决定了有多少初始访客能够进入下一个页面。
它需要与尽可能多的人对话，同时清晰地为他们展示所有正确的入口。
控制客户旅程
当你能够控制访客如何进入你的商店时——通过你的社交媒体帖子、电子邮件营销或付费广告——你可以更具体地确定潜在客户从何处开始他们的旅程。
例如，如果你正在为某个特定产品线进行限时抢购，你可以将电子邮件和付费流量都引导至一个专门介绍促销活动和所售产品的落地页。
这个页面的受众范围要小得多，它的唯一目标是推动流量到促销商品上。
与将同样的流量发送到你的首页相比，发送到该页面的流量更有可能促成销售，因为在首页他们可能会忘记自己为何而来。
一个专门的落地页也适合推广产品发布，你可以在那里进行引人入胜的营销宣传，而无需面对购买按钮带来的压力。
这些页面是专门为转化它们所获得的流量而设计的。要快速创建这些落地页，你可以使用像 Shogun Page Builder 这样强大的工具。
强势收尾
另一个例子是购物车弃单。我们经常这样做。
所有设备上的平均购物车弃单率接近 70%，而在移动设备上则接近 86%。如此多的销售在最后一刻流失了！
这对零售商来说代价巨大。据估计，每年给电商品牌造成的损失高达 180 亿美元。
购物者放弃购物车的原因有很多，其中大部分与商店设计有关。
一切进展顺利，以至于他们将产品加入了购物车，但最终他们遇到了摩擦，并认为这不值得。
这可能是糟糕的结账流程、加载速度慢、糟糕的移动端体验、需要创建账户等等。
关键在于，出色的商店设计要延伸到他们体验的最后一刻。即使这里的转化率略有提升，也可能意味着可观的额外收入。
这就是为什么你需要将商店设计作为品牌的首要任务。而且，你很幸运，我们有一些技巧！
创建出色产品和落地页的顶级设计技巧
为了让你的商店页面真正大放异彩，你需要确保最重要的元素到位。
精美的图片配上糟糕的文案不会带来点击。出色的行动号召（CTA）配上令人压抑的设计布局也不行。
因此，这里有一些创建优秀产品和落地页的设计技巧。成功的页面不仅遵循以下一个技巧，而是全部。
以用户为中心进行设计布局
你的访客是一切的核心，因此设计页面为他们提供最佳体验是你在这里能得到的最好建议。以下所有技巧都旨在为购物者创造更好的体验。
但是，以用户为中心进行页面布局意味着什么呢？
你需要了解人们如何与页面上的信息互动。对于像维基百科条目这样文本较多的页面，眼动追踪实验表明，用户会以 F 型模式扫描。
对于更简约的页面——比如许多落地页——人们倾向于用眼睛画出 Z 型模式，水平扫视，然后沿着页面呈之字形向下移动。
这里 Olipop 和 Utz 为两种扫描模式都进行了设计
理解了这一点，你就会明白为什么许多成功的页面会创建遵循 Z 型模式的交替部分，使访客更容易扫描和完整阅读。
为了进一步扩展，你可以使用热图软件来查看访客实际如何与你的商店互动，并根据他们的习惯调整你的页面。
展示惊艳的照片和插图
我们在摄影、数字设计和电商平台的能力方面已经取得了长足的进步。
如今，很难再做出像那些老式 Geocities 页面一样丑陋的东西了。我们的眼睛对此心存感激。
鉴于这一事实，我们的期望也更高了。我们想从漂亮的商店购买，那里的照片能让我们想象产品融入我们的生活。
因此，在你的电商商店中使用华丽的摄影是绝对必要的。从不同角度，在良好的光线下，无论是在摄影棚还是在其自然环境中，都要给你的客户所有微小的视觉细节。
摄影有助于展示你的产品有多棒，而插图则为你的品牌设计带来个性。
这些视觉元素引导访客浏览你的页面，并最终促使他们点击你的行动号召（CTA）。
不要害怕留白
页面元素之间的空间与元素本身同样重要。眼睛也需要呼吸空间。
留白，也称为负空间，是页面上除了内容之外的一切。
它有助于访客浏览页面上的内容并消化它们，而不会被信息墙淹没。
记住，有时候少即是多。
让你的文案有价值
页面设计不仅仅是视觉元素。文案在你的商店中也扮演着重要的角色。
你的布局、插图和照片可能会吸引注意力，而文案则负责进行说服工作。
从一个引人注目且令人难忘的标题开始（至少在落地页上），然后深入到你的关键优势、品牌故事和产品描述，文案与视觉元素携手合作。
注入你的品牌声音，你将轻松地与目标受众建立联系。
展示你的社交证明
来自客户的赞美评论和知名出版物的好评应该在你的商店中突出展示。它们是你最有价值的资产之一。
无论你的营销多么出色，你的购物者都更看重其他购物者的意见，而不是你的营销信息。事实上，近 94% 的消费者表示，在研究一个不熟悉的品牌时，他们会依赖客户评论。
这很合理。我们都这样做。
因此，利用你现有的忠实客户基础以及来自出版物的任何精彩报道，来为你所用。
MVMT 使用客户引述、出版物标志和累积星级评分来增强其社交证明
通过为你的商店创建可复用的社交证明部分，你可以轻松地将其添加到你的商店页面中。
用强大的行动号召（CTA）驱动行动
最后，是你一直试图让他们点击的按钮——你的行动号召（CTA）。
有了你所有出色的视觉效果、极简的设计布局、有力的文案和社交证明，你需要创建一个他们想要点击的行动号召。
我们不想看到任何“点击这里”的按钮。我们需要一些引人注目且直截了当的东西。
既然你希望他们采取行动，你需要在你的 CTA 中使用行动语言。
如果是产品落地页或产品系列页，一个简单而有力的“立即购买”效果很好。如果你是用折扣换取他们的电子邮件，你的按钮可以说“立即注册，享受 7 折优惠”。
它们不需要很巧妙。
使用一种会脱颖而出的颜色，将你的 CTA 放置在你知道他们需要看到的地方——在首屏上方以及你在页面上展示了产品价值的地方。
设计精美的商店页面示例
为了更好地理解出色的商店设计在实际中的应用，这里有一些来自我们喜爱的品牌的非常棒的示例。
这家犬类补充剂公司以其设计精美的商店页面大获成功——从他们活跃且引人入胜的首页到充满活力的系列页面。
在他们的 Chill Champion 产品捆绑页面上，他们使用平静的调色板和令人愉悦的插图来列举其补充剂的益处。最后，他们给出了清晰的营养成分分解。
goodboy 使用明亮而简约的设计来突出其产品优势和成分
First Day
儿童维生素品牌 First Day 在其整个商店中使用俏皮的插图和高品质的摄影来构建其独特的品牌。
在他们的 Kids Daily Essential 产品页面中，他们擅长利用留白，并通过引人入胜的 Z 型模式引导访客向下浏览页面。
为了与购物者建立信任，他们将社交证明部分放在页面顶部，以展示他们从现有客户那里获得的喜爱。
Flower Moxie
这家婚礼鲜花批发商在其整个商店中使用强烈的色彩点缀，以一种独特契合其品牌和产品线的方式。
在他们的 Jewel Tones 套餐页面上，他们以生活方式摄影的轮播图和产品调色板的色样作为开场。
页面的其余部分则致力于逐步指导购物者完成构建鲜花订单的过程。信息清晰，购物者完全清楚他们将得到什么。
Flower Moxie 将调色板色样与生活方式照片配对，以获得更完整的描述
TKEES
这家鞋类和服装品牌大力投入精美的产品摄影，并强调大地色调。
在他们的 Emma and Senna 产品发布落地页中，整个页面充满了介绍其绑带凉鞋的高清视频。
向下滚动，访客会看到一场柔和而丰富的视觉盛宴，详细介绍了凉鞋的细节，并配有清晰的 CTA，直接将购物者引导至产品页面。
通过更好的设计实现更好的转化
电商营销人员的工作是吸引潜在客户进入他们的商店，然后诱使他们完成结账。一个设计良好的商店正是为此目的而构建的。
遵循这些技巧，你将顺利走向电商成功。作为额外奖励，你会为自己的商店如此美观而感到无比自豪。
Sean Flannigan 是 Shogun 的内容营销人员，Shogun 是一个页面构建器应用，可帮助你自定义 Shopify 和 BigCommerce 页面以实现最佳转化优化。当他不撰写关于电商的内容时，他很可能在骑自行车或做饭。
