2020年1月1日

Shopify (Shopify

是时候为行业中的佼佼者喝彩了!2020年1月1日2020年:Shopify提交他们最具影响力的网站设计和开发作品。

去年,疫情的出现为商家和合作伙伴们带来了前所未有的挑战。短短90天内,随着更多商家开展数字化销售,电商增长飙升至未来10年的规模。2020年Shopify商业大奖旨在表彰Shopify合作伙伴和开发者,他们通过Shopify平台对数百万名商家中的一些人产生了影响。

今年有将近3000件不同类目下的参赛作品,经过检验,我们优秀的评审团队选出了9名大赛获奖者。【中文译文】让我们来看看今年的最佳参赛作品!

目录


1.Ux + fed

    • 最佳移动商店体验
    • 最佳定制店面
    • 最佳定制产品页面

2.开发和应用

    • 最佳全渠道体验
    • 最佳用户界面
    • 最佳店面应用

3.整体构建

    • 最佳商店迁移
    • 最佳商店重建
    • 线下至线上最佳实践

Ux + fed

用户体验(用户体验,用户体验)和前端开发(前端开发,美联储)构成了为客户所做的网站设计和开发工作的基石。我们的评委辛西娅Savard好和达林Henein分别是Shopify的UX总监,他们接受了评选今年用户体验和美联储参赛作品前三名的挑战。

最佳移动商店体验:模式要塞的创意

Shopify (Shopify

Shopify (Shopify)模式要塞的创意

商店:Natreve

技术栈:Cinema4D, Lottie, React JavaScript

“,”,“,”,“,”,“,”,“,”。我喜欢它的排版,他们还有很好的本地化弹窗。“哎呀!”——Shopify用户体验专家Darrin Henein

中文:天然的,天然的,天然的。根据推荐,Natreve联系了实力二人组,数字设计和电商代理机构模式和从事Shopify +电商发展的代理机构要塞创造力,以帮助实现公司最近的品牌重塑和愿景。

模式联合创始人兼执行创意总监Michael Janiak说:“我们创办模式时,95%的精力都集中在Shopify +上为新兴品牌搭建网站,并以设计为主。”

“我们不是一个典型的Shopify合作伙伴,因为我们超过50%的构建都是和要塞合作完成的。“我的意思是,我的意思是我的意思。”他补充道。

Natreve聘请模式和要塞的创意来传达品牌的核心价值观,即全民健康,海洋意识可持续性和社会包容性,这是该品牌在加拿大和美国推广的一部分。

模式和要塞创意推出了移动优先的在线商店设计,代表了该品牌的趣味性和价值观。

中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:中文名称:【中文翻译】

该团队在构建网站时面临的一个更复杂的问题是独特的产品页面,他们通过结合定制开发和Shopify应用解决了这个问题。他们用洛蒂来制作旋转瓶子的动画,并结合强调上传所有产品图片,为用户提供一个平滑的滚动模式。

“一种模式。”要塞的创意联合创始人兼合伙人 Jonathan Osborn 说道。“它真的把包装放在了重要位置,并将线下体验带到线上。”

“3D 3D (3D),”Janiak,“渲”。”但我认为我们已经证明了,只要你用尽去做并对其进行优化,那么在 Shopify 主题中是可以做到这件事的。我们将所有序列渲染到主题中。这对我们来说是挺棒的。”

最佳定制店面:Ctrl + Alt + Del

Shopify (Shopify

Shopify (Shopify)Ctrl + Alt + Del

商店:OffLimits

技术栈:盖茨比、理智、反应、无服务器、充电

Ctrl+Alt+Del“我的意思是,我的意思是,我的意思是,我的意思是,我的意思是我的意思。”——Shopify用户体验专家Darrin Henein

店面APIShopify (Shopify)构建的最佳定制商店体验。我们的评委寻找的是独特、创新且轻松平滑的参赛作品。

而在自由开发者凯文绿色为即食谷物公司OffLimits构建的产品中,他们找到了想要的东西。绿色以Ctrl + Alt + Del的身份经营业务,他拥有开发独特商业体验的天赋,已经在Shopify上发展了8年,最近OffLimits联系他后开始构建仅基于API的解决方案。

“我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说。”绿色环保。”我做了大量非传统但仍传统的电商网站,在我看来,这个网站比其它的网站更不传统。”

OffLimits向绿色提供了一个机会,为他们的谷物品牌建立一个真正的定制体验,聚焦于惊喜和快乐玩具奖励计划,以及端到端的品牌体验。

绿建议团队用理智CMS来构建,这是一个低成本高回报的解决方案,为独特的营销和产品体验创造了空间,作为CRM中定制玩具积分机制的补充。禁止使用,禁止使用,禁止使用

绿色表示,建立同时包含网页开发和Shopify应用程序的网站的经历告诉他,应用开发”并不是那么可怕的事情”。他过去曾构建过类似应用程序的解决方案,但构建OffLimits的网站激发了他开发Shopify应用的兴趣以及一些想法。

他说:“开发Shopify应用将为我作为DTC电商人员的工作添加一些技术多样性,而不是开发一些为其中某些平台赋能的应用程序。”

最佳定制产品页面:东区有限公司

Shopify (Shopify

Shopify (Shopify)东区有限公司

商店:野生

技术栈:充电订阅支付集成

“对,对,对,对。”“我的意思是,我的意思是,我的意思是,我的意思是,我的意思是我的意思。”——Shopify用户体验专家Darrin Henein

野性是一家直面消费者(直接面向消费者(DTC)的供应商,供应使用天然成分的可持续除臭剂,位于英国伦敦。。

他们为其除臭剂制作了可重复使用的包装盒,而订购产品则是补充装。

“野性”、“野性”、“野性”、“野性”、“野性”、“野性”、“野性”。在一次KicksOB欧宝娱乐APPtarter活动期间,野生找到Shopify +合作伙伴东区有限公司寻求电商商店方面的的帮助。

东区有限公司的任务是针对电商对网站进行全面改革,制定订购注册流程,并优化其转化率,重点是简单易用。

“野生的,野生的。”东区有限公司创始人兼 CEO Jason Stokes 说道。“在所售产品类型方面,Wild 是一个非常酷的概念。”

除了规划订购注册流程外,东有限公司团队最大的挑战之一就是如何应对野生庞大的潜在受众目标:从青少年到50多岁以上的人群。

“某某,某某,某某,某某,某某。”东区有限公司高级设计师 Matthew Izzard 说道。“如果我们能够在移动设备上做到这一点,我们就可以在所有设备和响应元素上做到。我想说这是我们必须克服的最大障碍,从数据中可以看出我们已经完全做到了。移动优先的方法正在以超出我预期的程序转化。

斯托克斯和字母z表示,他们完成这个项目时,对定价心理,顾客满意度以及充电在Shopify中的工作原理有了更深入的了解,从而能够打造出无缝的顾客体验。【中文译文】

“我要走了,我要走了。”斯托克斯:好。”我曾是一名 Magento 开发者,改用 Shopify 让我们可以更加专注于前端体验,真正打造我们的顾客旅程,并确保我们在网站外观和美感方面为商家提供了更多灵活性,而不是专注于他们的技术栈。”

开发和应用

这是一个很好的例子。Shopify应用商店目前有6000多款公共应用可供选择,为商家提供有效运营业务所需的特定功能。

这是一个很好的例子。2020年,Shopify,Shopify,Shopify,Shopify。

那么,是什么让一款应用脱颖而出,成为业内最佳应用之一呢?我们的评委,Shopify首席技术官jean - michel Lemieux,和Shopify伙伴关系总监法蒂玛Yusuf完成了他们的任务。

这是一个很好的例子大奖获奖应用,这些应用因其创新、设计和在帮助发展在线业务方面的影响力而获得认可。

最佳全渠道体验:Sesami Inc .)

Shopify (Shopify

Shopify (Shopify)Sesami Inc .)

应用:芝麻预约

技术栈:JavaScript,反应,北极星

“http://www.qqqq.com”。在线商店集成做得很好,智能且方便商家使用。”—— Shopify 首席技术官 Jean-Michel Lemieux

时间就是金钱。没有人比那些经营以服务为主的企业并按时间收费的商家们更清楚这一点。这些商家本身就知道这一点,Sesami预约预订应用背后的开发团队也知道这一点。

芝麻酱,芝麻酱,芝麻酱,芝麻酱。Sesami自动加载并适应95%的标准Shopify主题,无需额外的开发工作,无需输入任何流动代码。

Sesami联合创始人•Khakbaz和Ramtin盖杰尔的使命是让服务行业的商家在Shopify上更轻松地经营业务。NodeJS, React, Polaris。目标是满足商家需求,无论他们身处何地。

“我们用北极星设计我们的UI(用户界面,用户界面),因为我们希望被嵌入Shopify并与其完全整合,不只是在线上商店,还有在POS上和任何地方,真的。”哈克巴兹。”只要有 Shopify 的地方,Sesami 都能发挥作用。”

Sesami Inc .团队做了一个明智的决定,以确保商家可以使用这款应用程序,不管他们喜欢什么浏览器,移动设备或操作系统(iOS和Android),还有传统的台式机和Shopify POS集成。

“我们希望Sesami完全整合,所以使用了这些库和工具,并在此基础上进行开发,我认为我们能够做到这一点。”卡其色。

该团队在Shopify应用商店上推出Sesami几个月后就发布了第二个版本,已经为6000多名商家驱动的10万多名并存用户提供了服务。他们还通过整合所有应用数据,提供全球时区支持,以多种语言提供应用以及确保所有请求的解析时间不超过0.1秒,来保证Sesami是按规模构建的。

Khakbaz和盖杰尔表示,Sesami是按规模构建的,他们正在继续探索扩展应用的新方法,强调他们首先“考虑全渠道”。

“我的意思是,我的意思是,我的意思是,我的意思是,我的意思是,我的意思是,我的意思是。”加贾尔。”我们有一个更稳定的系统 ,我们可以可靠地继续构建该系统。”

你可能也喜欢:【中文】

最佳用户界面:梅森

Shopify (Shopify

Shopify (Shopify)梅森

应用:modmagic徽章:销售助推器

技术栈:反应,阿波罗,雷杜克斯,弗拉斯克,西芹

“ModeMagic是响应疫情开发的一个不错的概念,我认为这些类型的应用和解决方案将变得更加普遍。这句话的意思是:“ModeMagic。”让-米歇尔·勒米厄

商家们往往时间紧迫,难以及时更新其在线商店,通知顾客哪些商品库存少,哪些新品上架了,同时更轻松地帮助转化顾客。

梅森(库布里克)

他们一次又一次地听到商家说他们在为其商店引流,但无法将这些流量转化为重复的付费顾客。在2020年,社区关于将流量转化为顾客的讨论热度空前高涨。

梅森的联合创始人Kausambi Manjita说:“我们听到小企业主珍妮特说,“我有流量,但没有销售额。“某某,某某,某某!”

Manjita说,当梅森团队开始深入研究如何帮商家把流量转变为转化率时,他们发现了产品列表常常看起来“单调乏味”,只有一张产品图片。他们很快意识到突出产品和产品标识可以创造有趣的视觉差异,让顾客可以快速挑选出低库存、促销或纯素食商品。

“好吧,好吧。”“我的意思是,我的意思是,我的意思是我的意思。”她笑道。”因此我们觉得这对我们来说是一个很好的开始。”

【中文翻译】:关键是为商家提供自定义选项,而不是让他们无从下手。

Manjita说:“最有趣的设计问题是弄清如何确保我们为使用ModeMagic的商家提供足够的自定义功能,以便他们对标识,产品和标识位置进行特定更改,让它们看起来更适合他们的店铺。”

“叽叽叽,叽叽叽,叽叽叽,叽叽叽,叽叽叽,叽叽,叽叽,叽叽,叽叽,叽叽,叽叽,叽叽,叽叽,叽叽,叽叽。”

Manjita表示,他们通过为那些希望无需大量思考就能开始运行的用户实施一组预设,来解决这种自然压力,同时仍为那些希望实施进阶修改的高级用户保留功能。

Manjita表示,在开发初期,该团队主动联系了Shopify生态系统,就如何提交应用程序寻求帮助。“”“”“”“”“”“”“”

Manjita说:“没有什么比得过Shopify社区,因为在某种程序上,是,你们是在互相竞争,以接触到同一位商家,但有这么多的伙伴关系和想法的交流,还有帮助,这只会让你变得更好。”

Manjita补充道,她在Shopify上开发应用的最大收获是,当你寻求反馈或帮助时,合作伙伴,开发人员,商家和Shopify团队离得很近。

“Shopify,Shopify,Shopify,Shopify,Shopify,Shopify这是一个人们聚在一起互相帮助的生态系统。我们仍与许多合作伙伴保持联系。“我不知道。”“我不知道。”曼吉塔。”我们都是一个大团队,努力让商家的生活变得轻松。”

你可能还喜欢:有效交互设计的6个原则

最佳店面应用:辛烷的人工智能

Shopify (Shopify

Shopify (Shopify)辛烷的人工智能

应用:辛烷值AI测验,信使,短信

技术栈:北极星

“商店小测验”。“你是说你是谁?”让-米歇尔·勒米厄

不确定的顾客是不会转化的顾客。明智且有能力的顾客有信心自己正在做正确的决定。在商店里,销售员会定期询问顾客的需求并帮助他们找到适合自己的产品。在线商店缺少这种体验,因为没有一个与 Shopify 整合的个性化、吸引人、品牌化的平台。

2019年,辛烷值AI。他们正在利用辛烷AI现有应用的Facebook Messenger功能来制定产品推荐测验。信使,信使。这个发现激发了一个想法。在不到一年里与数千名商家交谈后,辛烷AI推出了商店测验,以帮助商家实现电商体验的人性化及个性化。

“商店问答”。它是网站本身的一部分,十分美观。”辛烷的人工智能联合创始人兼总裁 Ben Parr 说道。“我们看到大量顾客制作了令人难以置信的测验和设计。最好的测验是我们没有参与的测验。”

辛烷AI团队表示,商店测试很难构建,因为需要许多不同的逻辑段以保证产品推荐是精准且个性化的,同时也要确保它对没有编码经验的商家来说是易于使用的。

该团队表示,他们之所以能成功是因为他们不怕反复失败。”我们就像一个研发团队,与全球各地成千上万的商家合作。” Octane AI 联合创始人兼 CEO Matt Schlicht 说道。“你不可能马上做出易于使用的东西。这需要大量的迭代,大量的试错。如果没有我们有幸与之合作的商家,我们的产品就不会有今天的水平。”

车间测试不仅是无代码的,它还利用了Shopify REST API和Shopify的“订单”、“购物车”和“结算“webhook来归类收入和触发通知。它还连接了Klaviyo和Facebook,通过商家网站,Facebook广告,信使,短信和电子邮件创建更好的全渠道营销体验。

辛烷的人工智能在其成长过程中进行了几次重大的盈利转折,经常在最不确定的时期推出创新产品。他们冒的最大风险之一是在疫情出现时,在其现有的个性化和自动化应用中推出了商店测验功能。而这次冒险也为他们带来了迄今为止最大的回报。

【中文译文】:“我的意思是,我的意思是。”“商店小测验”,“商店小测验”。

整体构建

大型变化可能令人害怕,但也可能是激动人心的。新的开始往往预示着新的机遇。“”“”“”“”“”“”我们的评委,Shopify总裁哈雷芬克尔斯坦,和Shopify店铺总监tlee克拉克对今年的参赛作品印象深刻。准备好迎接真正的在线商店灵感吧。

代码

Shopify (Shopify

Shopify (Shopify)阿蒂代码

商店:Fika瑞典厨房

技术栈:Liquid, JS, PHP

“对了,”她说。该品牌超级有趣,大量使用了动画,所有的本地化功能都在去年发布了。“对!对!对!”——阿特利·克拉克

Fika瑞典厨房是一家位于澳大利亚的连锁咖啡馆,由三名瑞典女性共同拥有和经营。齐格,齐格,齐格,齐格,齐格

自2013年成立以来,Fika一直在Squarespace上运营其网站,但随着疫情改变了其运营方式,该团队意识到他们需要更多的商业功能,以最大化在线销售,包括在线购物,通过其三个实体点路边取货或到店取货。

就在那时,Fika创始人找到了独立开发者里奇泰勒,他从2005年就以阿蒂编码的身份经营业务。泰勒推荐将Shopify作为新的商业解决方案,并开始了迁移过程,因为Shopify推出了更多功能,以帮助商家在全球疫情期间经营业务的新情景下生存。

泰勒说:“这个网站是基于首次构建的,这是一个非常明智的决定,因为这意味着一切都将按照Shopify的最佳实践来做。“我的意思是……我的意思是……”

“相反,我们能够集中精力创建一个真正代表业务的,有趣,充满活力的网站,希望能够给用户带来真正愉快的体验,并增加更多销售额。”

泰勒还添加了针对多个地点,菜单,求职申请和产品的自定义,比如不能运输的新鲜食品,以及可以运输的商品和包装食品。

迁移至Shopify并利用这些附带商业功能促进了在线销售额的显著增长,最终帮助Fika在疫情封锁期间和实体距离限制中生存下来。

“Shopify (Shopify)”非常”泰勒。”我们必须解决时间预约功能。”

Fika,。在多个方面把控好时间对业务至关重要。

泰勒:顾名思,顾名思,顾名思,顾名思,顾名思,顾名思,顾名思。这些功能与反映Fika品牌个性的用户体验相结合,对咖啡馆和泰勒来说都是一个个成功的结合体。

在这个过程中,这次迁移帮助”三位你可能遇到过的最勤奋的女性”在一个因为疫情变得更加艰难的艰难行业中保住了梦想的事业。

泰勒说:“我从事这类工作已经有一段时间了,但这个项目给我留下了深刻的印象,它是一个很好的例子,证明小企业,小商家和像我这样的独立开发者也可以通过Shopify的平台做一些非常了不起的事情。

你可能还喜欢:Magento, Shopify:Bluegg, 40%

最佳商店重建:我们制作网站

Shopify (Shopify

Shopify (Shopify)我们制作网站

商店:Pangaia

技术栈:Shopify Payments, Boost, Directed Edge和Nosto

“啊!”“哎呀!”——阿特利·克拉克

Shopify +商家Pangaia是一家材料科学公司,致力于开发服装和配饰等环保产品,并热衷于技术和创新。随着规模扩大,他们因不断突破其产品极限和在线商店极限而出名。

“Pangaia(盘古)。”我们制作网站联合创始人说道,We Make Websites 是一家国际 Shopify Plus 代理机构,在伦敦和纽约设有办事处。“我们为他们做的工作几乎比其他客户都要多。跟他们合作真是令人兴奋。”

这句话的意思是:“我的意思是,我的意思是,我的意思是,我的意思是。”当商品库存较低时,他们需要一种与顾客沟通的方式,促使他们快速结算,并注册以获得商品到货通知。我们制作网站Sarah Corcoran (Sarah Corcoran)

“我的意思是,我的意思是,我的意思是,我的意思是,我的意思是。”科科伦。”他们一直在增加新的技术,因此我们需要设计一个系统,让 Pangaia 在增长过程中继续创新和试验。他们还需要在确保顾客体验连贯性的同时,向顾客普及他们的可持续发展使命。”

“”“”“”“”“”“”但他们的构建过于简单,缺乏搜索功能,站外链接至他们的博客和技术页面,并且性能较慢,所有这些都阻碍了快速国际化。

他们的全球增长速度、扩大产品供应的野心以及持续的材料创新意味着他们需要一个值得依赖的机构,来重建一个符合规模的定制解决方案。

(1)、(1)、(2)、(2)、(3)

我们做网站

这对我们的网站来说是一项挑战,如何持续交付高质量的作品的同时,跟上Pangaia日益增长的国际影响力,快速研发,推出新产品和活动,以及团队增长。

我们做网站产品负责人杰西卡·布里格斯表示:“他们带着一个非常好的问题来找我们,那就是扩大规模,并且要快速扩大规模。“对,对,对,对。”

团队开始整合站外页面以统一品牌体验,同时添加动画和自定义来强调他们的品牌使命。为了应对国际化带来的挑战,团队添加了Shopify支付的多币种功能,使Pangaia能够继续通过一家Shopify +商店销售,并为其全球化顾客群体本地化币种。

齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐,齐齐。添加全面的发现功能也意味着高影响力的建议,如预订功能(告知更多可持续产品)。用元字段重建更多基础页面,在设计选项上获得了更多灵活性,如字体和颜色选项。

重建为更成熟的技术栈奠定了基础,现在包括Shopify支付,提振,定向边缘和Nosto。

我们做网站团队表示,成功的网站改造引发了一种长期合作关系,他们将继续扩大Pangaia的电商成功。

盘古(Pangaia)“呃,呃,呃,呃,呃,呃,呃,呃,呃,呃,呃。”布里格斯。”作为一个品牌,他们需要一个框架来帮助支持他们。”

【中文译文】

Thorogood表示:“我们完成了网站重建,但自从将作品提交给Shopify商业大奖竞赛之后,我们重建了产品页面和导航,所以它一直在不断地演变。“哎呀!”

你可能还喜欢:网站性能:11个提升网站速度的必读技巧

线下至线上最佳实践:Juicyorange

Shopify (Shopify

Shopify (Shopify)Juicyorange

商店:老的灵魂

技术栈:JavaScript, Liquid, CSS

“啊!购物吧。非常令人印象深刻。“我的意思是,我的意思是,我的意思是。”——阿特利·克拉克

有时你只需要不走寻常路。当你和老朋友开始新的旅程时,这段旅程会更加美好。

老灵魂(Old Souls实体店的同时加入电商。“”“”“”“”“”“”

马克Robohm Juicyorange创始人说:“我们采用了一家小镇商店的户外精神,并利用老灵魂的旅游癖精神,使他们的小网站看起来更像是一个经过专业策划的商品系列。”

Robohm从纽约搬到只有2000人的冷泉小镇后,住在老灵魂所在街道的另一头,并与店主成为了朋友。

“呃……呃……”他说道。”老的灵魂已经创办好几年了,但他们没有网站,他们只有一家实体店。”

老灵魂对于如何在线展示其企业有一个清晰的愿意,并有一种强烈的设计感,由大量出自他们的当地和国际指导钓鱼旅游以及户外体验的精美照片支撑。

Robohm和他在Juicyorange的五人团队”本质上是核心程序员和设计师”,因此他们同样热衷于创建一个美丽的在线商店,来反映老灵魂为其顾客提供的精心策划的产品和服务的组合。

经过大量交谈,考量和定制,Juicyorange团队创建了一个他们和老灵魂都可以说真正代表了该品牌的网站。时机也很关键,因为疫情严重影响了他们的小业务,而推出新的在线商店成为一个可靠的收入来源。

“我的意思是,我的意思是……”罗布姆,你好。”它做了很多我们认为 Shopify 做不到的事,很多都是因为客户想要某些东西而实现的。所以我们会在 Liquid 中自定义代码,并做各种有趣的事来使它奏效。”

【中文译文】:RobohmShopify (Shopify)

“Shopify。”他说。”它为我们打开了大门。”

你可能还喜欢:将实体客户转至线上的技巧

打造行业佼佼者

◆◆◆■■■■■■■■■■■■■■

2020年,Shopify (Shopify),中国,中国,中国

  • 可实现在家办公终极配置的全新家庭工作室设备
  • “”“”“”“”“”“”“
  • 专属获奖者礼包
  • 用于数字营销素材的官方获奖者徽章
  • 与行业领导者的1对1交流
  • 当然,还有一个漂亮的奖杯

Shopify (Shopify

你可能还喜欢:【翻译】

这是一个非常好的例子:佼佼。我的意思是,我的意思是,我的意思是,我的意思是,我的意思是,我的意思是我的意思。

在了解了更多关于今年最具影响力的网站设计和开发项目以及应用后,很明显现在是Shopify的翻译是或设计改变游戏规则的商店的最佳时机。

阿特利·克拉克合作伙伴全员大会宣布获奖者时说过:“今天不仅是一次庆祝,更是一项挑战——一项共同奋起,继续推动我们自己和我们的队友打造业内最好的应用和店面的挑战。”

“笨笨,笨笨,笨笨,笨笨,笨笨。”构建更快的、更智能的、最好的。这是你们的时代。“我……我……”

祝贺获奖者,感谢所有参赛者!

莫妮卡·艾略特

主题:

想要创建属于你的电商网站吗?