多年来,我一直关注 Beardbrand 的技术栈。我这样做是希望帮助其他商家做出决策,并突出我们在过程中做出的好坏选择。
自 2013 年上线以来,Beardbrand 一直使用 Shopify。我们最初使用的是免费的 Shopify 主题。2014 年,我们构建了一个完全定制的版本;2020 年,我们切换到了高级主题。去年年底,我们决定迁移到 Shopify 的 2.0 平台,并搭配一个新的付费主题。
Jenny Durre 负责了整个流程。她是 Beardbrand 的内部设计师、营销人员和项目经理。最近,我请她回顾了她选择新主题、设计布局、迁移内容并最终让新网站上线的工作。整个音频对话已嵌入下方。转录文本经过简化和编辑,以提高清晰度。
埃里克·班德霍尔茨:我们刚刚推出了Beardbrand.com的第四版。
珍妮·达雷:这是一个令人兴奋的过程,我们使用高级模板升级到了Shopify 2.0,并做了大量研究;虽然Shopify有免费的2.0模板,但它们无法满足我们的定制需求。
这些看似微小的变化,但新网站与之前的版本截然不同。
去年十一月我开始审查模板,并制作了一份电子表格来帮助缩小选择范围,我想融入2.0的关键功能;当时许多2.0主题刚发布,我们找不到太多评论,最终选择了一个相对较新的名为Split的主题,而新主题的风险在于你无法确切知道它们的表现或可能遇到的错误。
我们选择主题的顶级标准是网站速度,我们仍在努力提速,除了速度之外,我们还追求卓越的用户体验以及清晰简洁的布局。
我们之前的主题在导航和商品集合方面有很多层级。我们试图简化访客将商品加入购物车以及查找正确信息的步骤,避免他们必须点击多个页面。
整个过程大约花了六个月时间。我们选择了 Split 主题,然后进行了定制。我远程工作,但我们所有人都在协作——你、我和 Beardbrand 的员工。推出一个新网站不仅仅是设计,还包括审查、测试和调整。
班德霍尔茨:你说的“清晰简洁的布局”是什么意思?
达雷:之前的Prestige主题有很多导航选项,而Split更加精简,专注于产品类型,我自定义了产品页面使其更具视觉吸引力。
我们拥有出色的文案撰稿人、优秀的摄影师和良好的内容,我们将内容分解为易于消化的部分来讲述Beardbrand的故事,现在随着我们缩减产品线,更容易专注于主要产品并提供有用的信息和教程。
我们在首页测试了图像,但其表现并不优于文本,现在我们正在实施更多的故事叙述,首屏区域介绍我们的身份,下方则深入构建产品组合,例如顾客可以购买三件产品免费获得一件,我们从提供预建套装转向让顾客自行构建组合,这更具互动性且更易于导航。
此外,我们还构建了一个带有区块和分类的“Shop”落地页。客户可以在该页面上自动将商品加入购物车或创建捆绑套餐。
班德霍尔茨:谈谈导航和定制过程。
达雷:现在的导航更加专注,顾客更容易做出决策,我们的产品页面包含所有必要信息且没有杂乱感,许多品牌在产品页面上提供广泛的导航选项,但我更喜欢将所有内容整合在单一布局中。
项目管理至关重要,花了一些时间来确定我们需要什么以及从旧版本迁移哪些内容,我逐一检查每个应用,当不确定某个应用是否能适配2.0主题时,我会直接与Shopify沟通或寻找第三方资源。
集成 Recharge(订阅管理应用)是一个挑战。Recharge 最近将其结账功能合并为 Shopify 购物车的一部分。在此之前它是独立的。现在它位于主结账流程中,更加显眼。客户可以轻松地将购物车中的商品切换为订阅模式。
我希望创建一个页面,介绍订阅的好处以及如何选择合适的频率。

