搭建出色的网上商店:15位设计专家分享他们的技巧和建议

回想一下你上次在网上购物的时候。 

你有意识地考虑过网站的设计吗?也许没有。如果网站设计得当,完全不需要关注它。它悄无声息地让产品发光,并帮助你以最无缝的方式下单。 

现在,想想上一次你沮丧地离开一家电子商务商店的时候,甚至还没有进入购物车就放弃了采购任务。我敢打赌,设计是当时的首要因素。糟糕的设计是显而易见的,会让顾客感到困惑和恼火,并让商家损失一笔交易。 

这真的非常重要 

我不是一名设计师。一所小小的艺术学校学习,以及多年的消费文化让我懂得欣赏优秀的设计。但我总是说不出来为什么它很棒。或者设计师是如何作出每一次审美决策的。 

最好的电子商务网站设计不仅仅涉及到它的外观,还要考虑它如何发挥作用,从一个页面流畅过渡至另一个,如何讲述一个故事以及唤起情感。在线商店网站设计注重形式(忠于品牌视觉决策)和功能(易于使用的体验)之间的结合。

 

 

 

电子商务网站设计最佳实践

我采访了15位业内专家,包括设计师、摄影师、Shopify 专家、商家、以及 Shopify 优秀的设计团队。他们向我传授了多年的经验,帮忙整理出最佳技巧、例子和建议,以帮助电子商务商家及新手设计师用智能、周到的设计建立品牌。 

以下是他们的原话:

Shopify商店设计

Mark Perini

Icee Social 设计师兼创始人  

 

“我见到新客户的第一件事就是问他,“你希望当消费者进入你的网站时是什么感觉呢?”一开始这个问题不可避免得会让客户偏离轨道,但这它至关重要。如果你做的是时尚品牌,也许你想人们觉得受到记性;如果你是一家玩具公司,可能你想人们觉得开心或激动。另一方面,如果你是一家财务软件公司,可能你希望人们觉得安全或被理解。确保这种情绪或感觉呈现在你整个网站上。 

你在电子商务商店中发现的最常见的错误是什么呢? 

“到目前为止,我在电子商务设计中看到的最大错误就是信息过载。你会忍不住想要展示你拥有的所有东西,不论是大量的信息还是积压的你做过的每一款产品。 

虽然确实会有顾客想要了解你品牌的整个历史,但这样的人很少。找出你的最佳产品是什么,然后放在你网站的显眼之处。 

从设计的角度说说你最喜欢的一个电商网站?它为什么很优秀?我们能从中学到什么? 

“我最喜欢的网站之一是最近上线的电子商务网站 Pinpaper Press。我喜欢这个设计的原因是它采用了一些十分复杂和数字华的东西,但仍能表现得简单,甚至人性化。从主页你就知道品牌是关于什么的,所有重要的东西都会在登录页面的前五秒内传达出来。” 

Shopify商店设计  


 

Shopify商店设计

Helen Tran

Shopify 首席设计师

  

消费者可能无法清楚地解释为什么有些东西设计得不好,但当有些东西没有用心做时,他们可以感觉得到。我们看到行业转向服务利基市场,而利基市场要求卖家了解他们细微的需求和愿望。

优秀的设计给人以亲切感,并体现了价值。人们对其产生共鸣。 

商家在聘请设计师时应该考虑什么?他们应该问什么问题? 

首先确定你需要什么。经验丰富的设计师能够不考虑媒介设计出任何东西,而新手设计师则倾向于专注于一种。 

如果你想要重新设计品牌或改变公司形象,那么你需要经验更丰富的人。如果你正在寻找知道如何制作网站或应用程序的人,你需要的是具有特定技能的设计师。 

从设计的角度告诉我你喜欢的一个电子商务网站?它为什么很优秀? 

Milk Makeup 很吸引我。我认为他们在了解核心用户群体以及终端消费者的多样性方面做得非常出色。 

大多数化妆品公司的整体工作都做得很差。通常终端消费者看到的是产品照片和色卡。然后期望消费者了解化妆品用在他们皮肤上的效果,这是要求消费者具备行业水平的知识,他们没理由知道这些。 

Milk 将其产品与知识普及相结合(提供外观,而不是简单地按产品购物),然后在产品页面辅以视频,展示他们的产品在不同肤色上的效果。 


 

Shopify商店设计

Josh Williams

W&P Design 合伙人,由 Shopify 提供支持

“不同于其它类型的品牌媒介,如包装或印刷,设计新的电子商务品牌是一项独特的挑战。人们在网上的注意力持续时间越来越短,所以你需要清晰、简洁并融入品牌信息。

  • 引起注意:回答“你是谁”的问题,并在他们进入你商店时立即给出快速答案。尽量简洁有力。
  • 简化操作:研究最佳用户体验实践并尽快实施。消费对电子商务体验的期望值已经提高,你需要找到一种既不降低也不损害你品牌形象的方法来满足他们。
  • 保持一致:确保你的顾客在购物过程中的体验与品牌信息保持一致。" 

从设计的角度说说你最喜欢的电子商务网站之一?它为什么很优秀? 

"我喜欢 Huckberry,因为他们拥有敏锐的能力,能够围绕与他们合作的品牌讲述引人入胜的故事。把好的内容与产品结合起来并不容易,你需要注意不要用过多产品背后的故事让顾客陷入困境。任何品牌或产品背后总有一个广泛的故事,但这需要电子商务零售商分析细节,以获得关键信息并转化为一个故事,明确号召客户采取行动。Huckberry 在这方面做得很好。” 

Shopify商店设计 


 

Shopify商店设计

Michael Wong

Mizko Media 设计师兼创始人

“设计要么成就你的电子商务品牌,要么毁了它。这很重要。你的在线商店是你与顾客之前的第一个接触点,第一印象最重要。在21世纪初,设计糟糕的商店也许不会影响到你。然而,如今消费者的期望值大幅提高了,而我们的注意力持续时间却明显下降。这意味着你必须想尽办法在几秒中内让潜在顾客感到惊叹。” 

从设计的角度说说你最喜欢的一个电子商务网站?它为什么很优秀?我们能从中学到什么? 

ASOS 应该是我最喜欢的电子商务网站之一了。他们不仅拥有价格合理的产品,而且体验很棒:

  • 他们的邮件营销活动总是引人入胜、寻求关注,标题简短且切题。
  • 产品图片分辨率高且清晰。使用模型帮助我直观地看到他们产品的外观。
  • 登录速度很快,网页与移动设备之间无缝衔接。
  • 毫不杂乱:网页和应用程度非常直观、清晰和简洁。
  • 机器学习:他们很好地利用了自己的数据洞察力,总是向我展示我实际上会购买的相关产品。” 

  

Shopify商店设计

Greg Moore

谷歌交互设计师

“对于一个牢固的品牌来说,尤其是在电子商务领域,优秀设计的关键之一就是要了解人们(解读:目标市场),该产品或服务的目标群体是谁,他们内心深处想要的是什么,以及他们为什么会考虑你的产品而不是别人的。设计师的职责是将这些需求作为一个工具包,建立一个用户可以信任的品牌。” 

从设计的角度说说你最喜欢的一个电商网站?它为什么很优秀?我们能从中学到什么? 

“我真的很喜欢 Nixon 的电子商务网站。他们将生活方式及产品图片完美地结合在一起,在推荐相关产品方面做得很好,所以浏览体验让人感觉是在探索,没有死胡同。他们还拥有一支令人赞叹的支持团队的员工,随时准备回答关于他们产品或结账的问题。他们的交流方式比较随意友好,最重要的是他们了解他们的产品!结账流程简洁明了,Nixon 经常会用免费背包这样的激励方式来推动你的购物车,让你在购物时感觉良好。” 


  

Shopify商店设计

Veronica Wong

Shopify 设计师

商家在聘请设计师时应该考虑什么?他们应该问什么问题? 

“在你联系一名设计师之前,脑子里要有一个现实的预算。设计师通常可以在你预算的限制下工作。如果你是第一次聘用一名设计师,并且你不熟悉你的项目大概会花多少钱,询问设计师的费用,并礼貌地让他们向你解释。建立双方的信任很重要。 

Shopify 主题 被设计得非常美观,易于定制。那为什么商家还要考虑与专业设计师合作呢? 

"Shopify 主题 是一个很好的起点,但它们的设计是为了满足大型通用类型的商家。

们通常会选用他们最喜欢的主题,但却发现它只达到了他们想要的80% 我们的商家是如此独特,提供了这么多不同类型的产品。不可能制作出一个适合每位商家的主题。这些都是很好的机会,能让设计师思考比我们提供的主题更大的内容。” 

对于预算有限,无法负担专业服务的商家,你有什么建议呢? 

“我自己就是一名自己动手的人,我总是通过自己动手来降低预算。以下是一些可以帮助你做到这一点的资源:

  • Shopify 有很好的免费资源
  • 用 Adobe Illustrator 自己制作logo:Youtube 和 Google 上有很多简单的教程
  • 从Creative Market 或 Graphic River 等市场购买负担得起的即用或现成图形。”

  

Shopify商店设计

Loran Polder

Old World Kitchen 店主

“直到我们从 Etsy 商店切换到我们的第一个网站时,我们才意识到电子商务设计与转化率之间的直接联系。我们转向 Shopify, 转化率一夜之间就上升了。我们知道这与我们新网站的专业性有很大关系。这确实帮助我们与顾客建立了信任,并改善他们的用户体验。” 

谈谈你在建立自己的电子商务商店时做出的一些设计选择。为什么你会做这些决定?它们如何影响顾客体验的? 

“我们在电子商务首页设计中一直包含的一个设计元素是页面顶部附近的幻灯片。我喜欢这个功能,因为它能让我们在几秒内展示我们真正想推广的所有产品,客户甚至无需滚动或到处点击页面。我们的网站相当简单,主要集中在我们的产品质量和生活方式摄影。” 

你是否聘用过设计师?你在这个过程中有没有学到什么? 

“我曾经聘请过一个设计师为我们使用的模板做一些细微的调整,其它所有事情我都可以自己做。这对我来说很重要,因为我是一家小公司的老板,预算很少。对我来说,如果我可以自己做,那我就可以随时修改,我就有了更多自由。” 

Shopify商店设计


  

Shopify商店设计

Jordy Heis

时尚电子商务顾问

“优秀的设计和好的设计可以成为你的竞争优势,帮助你的业务增长。” 

从设计的角度说说你最喜欢的一个电子商务网站?它为什么很优秀?我们能从中学到什么? 

Cienne 有一个很棒的网站,风格很好的摄影搭配流行的色彩。产品页面上的大型产品图片以熟悉的“向下滚动”顺序出现,反映了他们的受众习惯了在 Instagram 和 Pinterest 等社交平台上的行为方式。这为其他品牌提供了一个教训,让他们考虑采用符合其受众现有行为的设计方式或功能。

我还很喜欢他们独特、突出的推荐计划。这些程序通常藏在页脚菜单的某一个地方,但 Cienne 有一个专门的顶部菜单工具有趣地标着 '获得25美元‘。” 

电子商务的用户体验最佳实践有哪些? 

“在线商店需要将内容和商业结合起来,以迎合新访客和回头客,新顾客通常会想要了解你的品牌故事,看看它是否符合他们自己的价值观和信仰,把你的关于页面、画册和博客变成强有力的讲述故事的资产,建立在线信任及信誉。 

已经了解并信任你的品牌的回头客有不同的需求,他们需要搜索、产品筛选和更深入的导航功能,以便尽可能减少摩擦地到达结算页面。 


  

Shopify商店设计

Amy Stringer-Mowat

AHeirloom 设计师兼共有人

“好的设计真的意味着在线商店前端和后端即时可信度。购物者被吸引至专业的页面,让他们对产品产生信心。” 

你聘请过设计师吗?如果有,体验如何?你会推荐给别人吗?你在那个过程中学到什么了吗? 

“2014年我们聘请过一名设计师来更新我们的网站,现在我们正在重新发布中。我绝对会推荐聘请一名设计师,因为他们看到了彻底重建品牌的方法,而我们甚至没意识到我们需要。当你每天忙于建立受众和获得流量时,你需要一双训练有素的眼睛以全新的视角看待你的工作。一名专业的设计师经过培训,会把你的品牌视为比你的日常工作更重要的东西!“ 

Shopify商店设计

 


  

Shopify商店设计

Michael Brewer

Shopify 设计师

“设计是一种优质的语言。向你的受众描绘正确的氛围很重要。” 

商家在聘请设计师时需要考虑什么? 

“与一个理解并相信你的业务的设计师合作是关键。创建一个美丽的商店是一回事,但打造一个优质的品牌又是另一回事。这正是专业人士所做的。” 

对于预算有限,无法负担专业服务的商家,你有什么建议呢? 

“优质设计并不总是昂贵的。简单的预制图形及相关复制品可以发挥很大作用。” 


  

Shopify商店设计

Anthony Spallone

Arctic Grey, Inc. 行政主管

  

“你可以拥有世界上最漂亮的设计,但如果它很难使用,潜在顾客会感到挫败,几乎马上离开你的在线商店。为了保证通过设计获得最佳转化率,建立清晰简洁的行动号召力很重要。我建议每个屏幕视图都有一个主要的号召性用语,这意味着无论你是在电脑桌面还是移动设备上,每滚动一个屏幕都有一个按钮。 

从设计的角度说说你最喜欢的一个电商网站?它为什么很优秀? 

"我很不情愿做出这样一个陈词滥调的选择,但我不得不说苹果的网站设计得最好。有几件事使这个网站很出色:

  • 苹果知道什么时候该突出什么。主页有一个平滑的幻灯片,根据热销程度展示产品。主页不超过半个滚动条,几乎迫使你点击某个地方以更深入地探索网站。这有助于减少跳出率,提高谷歌排名。
  • 他们设计得十分简单,在网站上只要几次点击就可以到达任何页面。菜单栏整洁直接。当人们在线购物时他们倾向于知道他们将要购买什么,因此有一个简单菜单能快速导航至任何页面是关键。
  • 他们的产品图片令人惊艳。大多数的图像都是3D渲染,这使得每次拍摄都是最好的质量。
  • 苹果提供定制订单选项的方式非常棒。他们利用实际的产品图片而不是样品,向你准确展示你购买的东西。
  • 苹果使用视觉滚动的方式与其它网站不同。当你向下滚动时,你会看到产品的眩光在动,吸引你更加关注产品。 

  

Shopify商店设计

Amy Fronczkiewicz

摄影师及 Shopify 专家

为什么摄影在电子商务设计中很重要? 

“电子商务企业永远不该低估优质产品摄影的重要性。简单地说,优秀的摄影能销售产品,提高成功率。在网站拥有强大的视觉形象不仅可以吸引顾客并鼓励他们购买产品,还可以加强品牌在市场上的形象。” 

有哪些电子商务网站以有趣的方式使用设计和摄影?我们能从他们身上学到什么? 

"Glossier、 Hiut Denim 和 Shwood 都成功地将摄影和设计结合起来,吸引顾客并为他们的外观创造一种独特的风格。始终如一的高质量摄影树立了品牌形象,并在最佳状态下展示了产品。这些公司通过视觉内容和设计,有效地与顾客建议了联系。 

Shopify商店设计 


  

Shopify商店设计

Vinny Galiano

Minion Made 总裁兼项目负责人

你的顾客在最初的几秒内知道他们是否愿意从你那购买。既然他们知道行业领先的网站是安全的,为什么还要从你这里购买呢?首先,你必须为你的顾客打造一种安全感,让他们对向你购买拥有信心十足。 

创建一个简单、用户友好的体验。铺天盖地的内容、菜单和图片将导致顾客不知所措。一个干净高效的在线体验将最大化你的转化率。专注于素材,然后创造一个超越你的店铺的设计,与你的品牌并行。 

从设计的角度说说你最喜欢的一个电商网站?它为什么很优秀? 

Mother Mantis 是一家在线商店,我们很欣赏它的设计。虽然有超过1.6万款产品,该网站通过隐藏菜单或汉堡菜单、清晰有条理的筛选器和大型菜单,仍能保持相对简单的设计,同时也有转化优化元素,如 ajax 购物车下拉菜单,以达到简便的采购流程。所有这些都捆绑在一个具有良好品牌设计的网站上,在所有设备及页面都极具凝聚力。“ 


  

Shopify商店设计

Jeremy Watt

Province of Canada 及 Up Later Than You 联合创始人

谈谈你在建立自己的电子商务商店时做出的一些设计选择。为什么你会做这些决定?它们如何影响顾客体验的,比如? 

“我们的总体设计方案一直是最小限度的、不牺牲细节。我们知道我们的顾客喜欢干净的审美,但我们始终希望为他们提供所需的所有产品知识,以便他们了解正在购买什么。这种混合提供了有点无聊的体验,但它也是一种无噱头的体验。 

顾客看到一个漂亮的产品镜头,阅读产品细节,点击加购按钮。这种方式的附带好处是顾客提问及退货的比例很小。” 

你聘请过设计师吗?你会向其他人推荐吗? 

“幸运的是,我们的设计团队,实际上是我们的联合创始人,都是内部人员。如果你能调动一支内部设计团队,或至少一名内部设计师,请毫不犹豫地聘请他们。” 

Shopify商店设计

 


  

Shopify商店设计

Paul Pritchard

Shopify 设计师

”设计是你与潜在客户建立信任的方式。如果他们在你的设计中看到了关怀,他们就会知道你的产品也会一样。在客户无法亲测产品的在线环境中,信任就是关键,而购买更加需要基于依赖。 

商家在聘请设计师时应该考虑什么?他们应该问什么问题? 

"定义你想要设计什么以及你为什么相要它。一个好的设计师可能会想出更好的办法来解释原因。看看他们的作品集,确保你喜欢它,并询问他们为什么在之前的项目上做出某些决定。通过解读他们的回答,你可以很好地了解和他们一起工作是什么样的。 

对于预算有限,无法负担专业服务的商家,你有什么建议呢? 

“把你的时间和精力投入到学习如何改进你的产品摄影上,其他任何事情都是次要的。从多个角度、近距离并在他们将要被使用的场景下展示你的产品。这将使顾客更容易做出购买决定。 

 

 

 

 

主题:

关注官方微信公众号了解更多

Shopify 官方二维码