成功迁移后Character.com从Magento到Shopify,该团队在Bluegg他说,他们从第二个电子商务项目中获得的最大收获是,他们吃了自己嚼不烂的东西……但是以最好的方式。
Bluegg网站开发人员Matt Jackson解释道:“这无疑是一个陡峭的学习曲线。“但现在,我不会害怕接受任何Shopify的项目,因为我们在这份工作中学到了很多东西。”
Character.com有一个复杂的在线商店,有许多欧宝体育官网入口首页Magento集成,成千上万的产品,和可靠的SEO排名,不能被打乱。尽管用户体验、移动体验和网站导航都很糟糕,但该公司的客户基础是忠诚的,他们喜欢这些产品。
Matt说:“考虑到商家已经有了一个成功的网站,我认为我们面临着很大的压力。
在品牌和网页设计业务超过14年,总部位于英国卡迪夫的数字机构有他们的工作。
但团队不仅在重新平台化的过程中获得了双倍的电子商务教育,他们还帮助网站的整体转化率提高了40%,并进行了观察Character.com仅在重新推出三个月后就升级到Shopify Plus计划。他们是这样做的。
关于Character.com
顾名思义,Character.com是一家销售儿童和成人角色服装的在线零售商。
马特解释说:“无论是小猪佩奇睡衣还是睡美人拖鞋,你都可以在网站上找到所有最受欢迎的角色。”
在转向Shopify之前,Character.com表现良好,通过几个在线渠道销售产品,包括自己的专用网站。但商家希望减少对第三方市场的依赖,提高品牌知名度,并使ob欧宝娱乐app下载地址Character.com角色服装的“首选之地”。
就在那时,他们找到了布鲁格。
Bluegg的创意总监兼项目经理汤姆•劳埃德(Tom Lloyd)解释说:“这肯定已经在导演的脑海中了。“我认为他还没有做出决定,但他很愿意相信,搬到Shopify是一个好主意。”
尽管这只是Bluegg的第二个电子商务项目,但基于他们在用户体验设计、各种平台的网页开发和其他数字工作方面的背景,该机构相信他们可以满足客户的需求。
Character.com他们最近更新了他们的标志,但同意在Bluegg的帮助下进行全面的重新设计、重组和重建网站。
Tom解释说,他的团队试图通过重新设计和重建来解决三个关键问题:
- 这种设计过时了,而且歪曲了业务。“虽然他们出售的产品相对便宜,但质量要比老网站的外观和感觉高得多。”
- 旧的站点在搜索、相关条目的发现以及类别和产品的组织方面存在几个关键的用户体验问题。它在技术上也不足;尽管超过60%的游客使用移动设备,但它的反应并不灵敏。Tom补充道:“令人惊讶的是,他们的转化率仍然很高。
- 该网站是在Magento上运行的,Magento是经过多年开发的。“作为一个每月销售数万种产品的企业,改变了电子商务平台是一项艰巨的任务,”汤姆说。但Magento已经变得难以管理,服务器在不断增长的用户压力下吱吱作响。更不用说不断增长的服务器成本了。
当谈到迁移时——这个项目最大的难题——tom说,与一个准备做出改变的商人打交道是有帮助的。但是,在向商家推销这样一项巨大的业务时,有几个关键点需要记住:
- 不要强迫别人.汤姆说:“如果人们对现有的东西感到满意,就很难把他们推向未知。”做一些侦探工作,询问客户他们在哪里,他们如何发现他们当前的系统是聪明的。但是,理解和接受客户的真实需求是建立健康和繁荣的客户关系的关键。
- 一定要做到.“我们很小心,没有承诺任何事情,”汤姆解释道。我们的做法通常是,“是的,我们可以做到,但我们会告诉你怎么做。”这通常是Bluegg与客户对话的方式,除非他们非常确定自己想要如何处理一个项目。“如今,网络变化太快了,你一个月前对某个客户的承诺,这个月可能就不是最好的兑现方式了。”
- 了解你的东西.汤姆说:“你对产品的任何程度的了解都将帮助你自信地谈论客户为什么应该做出改变,特别是与其他系统的优缺点。”当谈到Character.com在这个项目中,客户担心改用Shopify的财务影响,并权衡了每月的费用和他在Magento网站上支付的服务器账单。“他的服务器账单飞涨,”汤姆解释道。“很明显,这说明Shopify没有服务器成本。”
你可能还会喜欢:Pixel Union如何将服务产品多样化并将业务扩大10倍.
设计和用户体验的方法
除了从Magento迁移到Shopify之外,该网站还需要从设计和用户体验的角度进行全面改革。
“基本上,旧网站最大的问题是它看起来真的过时了,”汤姆解释道。
作为他们首批主要的电子商务项目之一,团队有很多东西要学习。blueegg的首席网页设计师彼得·戴尔(Peter Dyer)通过分析业内一些最好的电子商务网站正在做的事情,寻找灵感。他们最终决定采用一个充满活力但简单的外观和感觉,将产品置于舞台的中心。
“从设计的角度来看,这是关于试图提炼网站的最好的部分,”彼得说。“蝙蝠侠、复仇者联盟、小猪佩奇——它们作为设计元素本身看起来都很可爱,我们认为我们应该让这些东西唱歌。”
“从设计的角度来看,这是关于试图将网站提炼到最好的部分。”
团队决定先设计移动端,这导致他们在网站结构上做出了重要的决定。奇怪的是,接近60%Character.com的流量来自移动端,尽管该网站对非移动端友好。
Tom说道:“他们在非手机网站上的转化率非常高。“这给了我们一点信心,因为如果人们在手机上访问我们的网站,还在购买东西,那他们一定是真的喜欢我们的产品。”
Bluegg团队首先进行了一些用OB欧宝娱乐APP户研究,并分析了该网站的用户。因为商家拥有庞大的客户基础,通常有大量的订单,团队有很多数据可以在谷歌Analytics中使用,比如性别和年龄。
汤姆说:“我们基本上发现,大多数人都是女士,她们通常也稍微年长一些,因为她们是为侄子、侄女和孙子买礼物。”
有了对用户的清晰了解,Bluegg能够测试不同的用户体验模式InVision以一系列用户旅程为原型,并缩小分类和查找产品的最佳方法。
Tom解释道:“那时,我们决定将主要导航减少到4个项目,这样我们就可以在手机上展示完整的导航,而不是把它藏在抽屉里。
为了减少移动端网站的长度,Bluegg使用了带有“峰值”的水平滚动模式来显示页面外的内容。这让团队有机会在不牺牲页面长度的情况下使用一些丰富的图像。
总的来说,Tom认为他的团队面临的最大的设计和UX挑战是确保为客户提供稳定的投资回报。因为网站已经表现得非常好,他们需要确保一次重大的重新设计不会产生不利影响,即使它最终看起来和功能更好。
“如果网站看起来‘太高端’,给人一种错误的印象,我们很可能会失去流量。我们在设计过程中进行了大量的用户测试,以确保我们达到了正确的平衡。”
你可能还会喜欢:用户研究方法:掌握过程的13个专家技巧.
史诗般的迁徙
导入现有的产品数据Character.com的自定义Magento设置是一项复杂的工作,这在很大程度上是由于Magento网站上的大量自定义工作。Bluegg团队决定编写一个自定义导入脚本,使用Magento和Shopify api。
正如该项目的网络开发人员马特解释的那样,Bluegg在本地运行了Magento网站的一个版本。
“这样,我们就不必在实时站点上启动一个长时间运行的数据库密集型进程。一旦我们有了这个,我们就写了一个复杂的脚本,将现有的产品数据映射到Shopify在其CSV导入中需要的字段,”Matt说。
使用这些导出的数据,并进行了一些尝试和错误,他们能够相对轻松地将产品转移到Shopify。
“这也意味着我们可以在发布新网站之前尽可能晚地使用最新版本的产品数据库,这意味着客户可以继续添加新产品,直到发布那天,”Matt补充道。
Bluegg也使用这个过程进行导入Character.com将亚马逊的现有客户转移到Shopify,这一过程因为已经移动了产品数据而变得更加容易。
关于从Magento到Shopify重新平台化的建议
将网站迁移到Shopify对Bluegg来说是一项高度定制的工作。考虑到这一点,负责迁移的Bluegg web开发人员Paul Goodfield给出了将商店从Magento迁移到Shopify的最佳建议:
- 让Magento安装在本地运行.这意味着在数据库上运行任何查询都不会降低生产服务器的速度。我们成功地做到了这一点,而无需下载整个Magento安装;我们只需要
应用程序
,自由
而且var
文件夹及其内容。 - 设置一个PHP脚本将DB数据转换为Shopify期望的CSV格式.脚本应该为要进入的数据创建一个模型。我们使用多维数组(数组的数组)。数组中的第一项将作为CSV的标题行,并将包含列标题。
- 引导应用程序使用
法师:应用()
函数.这样你就能访问Magento的所有数据。您可以使用Magento命令从DB中提取数据。额外的命令可以连接在一起以检索特定的属性并过滤结果。然后可以将这些映射到数组中的相关字段。 - 将某些字段映射并格式化为自定义标记,以便在设置过滤和搜索功能时节省时间.这也使它更容易建立智能收集,因为产品已经标记时,我们这样做。
- 填充数组并循环遍历它以生成最终的CSV.在PHP中设置正确的文件头意味着一旦脚本生成完CSV,浏览器将提示我们下载它。
总的来说,该团队表示,迁移是一个陡峭的学习曲线,有一些试验和错误。但在一天结束的时候,具有挑战性的新经历帮助他们都在专业上成长。
Matt说道:“我认为我们所了解到的一件事便是,任何两个重新平台化的项目都不可能完全相同。“学习一项新技术是困难的,所以最好的学习方法是全身心地投入其中,并相信你的专业知识会指引你完成任务。”
“我认为我们学到的一件事是,没有两个重新平台化的项目是完全相同的。”
移民带来回报
Character.com在2016年7月底发布了他们重新命名和重建的网站。到10月中旬,他们的总转化率提高了40%。
一个外观新颖的网站,简化了用户旅程,搭配更好的网站导航和改进的产品发现,帮助桌面转换增加了40%。在移动设备上,用户友好的移动体验,加上简化的结帐,将移动设备的转化率提高了65%。
总的来说,汤姆说迁移到Shopify和更值得信赖的品牌和设计Character.com帮助提高转化率。
收入的大幅增长意味着Character.com可以升级到Shopify plus,这对Bluegg团队来说是一个巨大的胜利。
此外,该网站的跳出率下降了10%,平均订单价值增长了近17%,每次浏览的页面增长了33%。
汤姆解释说:“我们让人们在网站上停留的时间更长一些,并带领他们更多地了解产品。
经济增长全面上升,而Character.com2015年8月和2016年8月相比,收入增长了300%。
“2015年8月与2016年8月相比,收入增长了300%。”
汤姆表示:“这显然是一种自然增长,以及一些大型一次性销售。”“但这也反映了自推出以来的显著增长,这对我们的团队来说是一个惊人的成就。”
你可能还会喜欢:从Reddit到重新设计:燃料如何增加一个商人的收入30%.
新阶段,新教训
作为Character.com作为企业级商家进入了一个新的阶段,Bluegg的团队继续作为设计合作伙伴,并继续迭代和改进网站。事实上,在迁移四年后,Bluegg再次与Character.com合作,推出了一个全新的重新设计的网站。
总而言之,为他们的第一个电子商务构建之一承担巨大的挑战,不仅是Bluegg非常成功的努力,而且也推动了团队对他们在工作中学习的能力的信任。
Tom说道:“作为一名有经验的开发者或设计师,被迫离开自己的舒适区是一种挣扎。“但你需要对自己解决问题的能力有信心,边做边学。因为在舒适区之外工作只是工作的一部分。”
随着Character.com从Magento转向Shopify, Bluegg证明了走出舒适区是多么成功。
帮助您的下一个迁移项目的资源
从不同的商业平台迁移客户端是一项艰巨的工作。我们是来帮忙的。访问我们的迁移页面,下载资产和资源,您可以使用这些资产和资源向您的客户介绍迁移、他们的选择以及Shopify的机会。
访问页面