我讨厌成为一个嗡嗡声,但我不是重新设计的粉丝。每隔几年我就会感受到改变现状和刷新网站的兴奋,我理解为什么这么多人都喜欢让自己完成这一切,但那不是我。

我的思维方式一直是设计需要“足够好”,并且它不会对宏观方案产生巨大影响。

但话说回来,ThemeIsle早就应该做出改变了。即使我可以看到事情不再是2019年准备好了。因此,当决定动摇时,我确保记录过程,以便我们可以从过渡中尽可能多地学习。

现在新的ThemeIsle设计已经推出,让我们回顾一下之前的设计,做出的决策,为新设计设定的目标,以及它们如何发挥作用。

快捷键:

  • ?对旧设计的思考
  • ?新设计出现
  • ?新的网站结构
  • ?更好的登陆页面和移动

旧ThemeIsle设计及其问题?

1.设计本身的问题

老实说,我从来没有把ThemeIsle的原始设计视为糟糕。我的意思是,我知道它不是很好(毕竟我有眼睛),但我认为这不是影响我们品牌或对销售产生负面影响的问题。

此外,自网站推出以来已经有一段时间了,在早期,设计与其他产品相当。

然而,多年来,我们开始进行大量的A / B测试,其他所谓的改进,各种SEO调整等,并且由于没有领先的设计基准或控制高于一切,该网站失去了它的一致性。例如,我们的ShopIsle主题有这个普通页面,而RokoPhoto这个相当自定义的页面:

在一天结束时,由于向设计师销售是我们想要扩展的领域,我意识到更优雅的设计可能会提升我们的品牌并产生更多的嗡嗡声。

这是我对网站进行大修的主要原因。

2.网站结构和业务模式

这是困扰我的事情之一。当我们第一次开始建立网站时,它就是一个主题俱乐部。我们有10-20个主题,并希望将它们作为一个包出售。非常坦率的。

我们当时也有一个支持论坛,在推出主站点之后,我们偶然发现了一个需要新家的插件。这是一个很好的协议,所以我们把它带到船上并把它扔进了主要报价中。把它作为主题包的一部分并没有多大意义,但它是我们当时认为可以做的最好的。 ?♂️

在过去五年中,市场发生了变化,我们已经明白,我们不再需要建立和维护20个不同的主题。这也不是任何人的期望。我们正处于“旗舰主题”的时代 – 商店提供一个主题或只有几个主题,然后是额外的升级或设计包。

我们决定也遵循类似的路径,只处理两三个主题;我们的插件也一样。

我们还了解到,个别产品品牌比“主要品牌”更强大,潜力更大,因此强调这些品牌更有意义。想想X主题vs Themeco。

另一个贡献元素是ThemeIsle博客。它在过去的五年里已经发展了很多,它使我们能够确保在我们刚开始时我们认为不可能的市场地位。

3.我们的技术债务

我想在这里讨论两件事:

a)网站速度

旧网站有很多遗留的东西和技术。我们首先使用我们的手工制作系统直接通过网站销售我们的产品。

网站的引擎有很多次迭代,导致无数不同的ACF字段随着时间的推移难以管理。我们还运行了一个论坛,托管了一个联盟计划,托管了文档,可能还有许多其他的东西。

总的来说,结构效率不高,导致性能很差。

作为旁注,我们从此进入FastSpring,并且不再自行处理销售。虽然我们同样摆脱了其他一些系统,但其中很多仍然存在。

b)购物车结构

由于业务的性质 – 有多个产品和个别品牌可以比母公司的品牌增长更多,我意识到是时候分割实际的技术设置了。

具体而言,最好将客户数据与前端部分(主题列表以及作者及其内容以及所有营销工作)分开。这样,前端站点速度不会受到EDD之类的插件或后台正在进行的任何其他操作的影响。

营销团队还可以更好地控制网站,我们可以为产品建立单独的网站/品牌,同时在store.themeisle.com上保持统一的客户区域。

4.登陆页面和移动

当我们推出原始网站时,手机并不是真的。特别是在我们的利基市场,几乎没有人在手机上购买主题。即使是现在,我们仍然只有很少的移动客户。

然而,移动设备的重要性不断增加,并且趋势可能会持续下去。毕竟,Google现在使用其移动抓取工具而不是桌面版。

简而言之,我们决定为我们的顶级产品构建自定义目标网页,并致力于改善其转化。移动设备在这里至关重要,因为我们不仅要让这些页面适合移动设备,还要兼容AMP。

新的ThemeIsle设计?

好吧,所以在舞台布景和我的推理解释之后,让我们现在看看它是如何发挥作用的。

1.设计和美学

你可以自己判断,但对我来说,这绝对是成功的!

这是旧设计:

这是新的:

该网站看起来更加一致和愉快。 AnalogWP的John Fraskos精心设计了这款设计。 JoãoSantos,他经常为我们的漫画工作,创造了一些自定义插图。最后,最初的ThemeIsle设计师Catalin Vasile研究了新标识。

仅这一部分可能最终耗资约10,000至15,000美元。虽然设计本身几乎不可能追踪投资回报率,但我相信它值得投资。坦率地说,考虑到我们花了五年时间才决定重新设计网站,成本只占收入的不到0.5%。因此,如果这会带来任何好处,那么这项计划将非常值得!

2.新的网站结构

引入新结构有点增加了复杂性,但它也增加了我们顶级产品的流量,这总是一件好事。在不利方面,我们的主题类别的流量已经下降。但那没关系。

这里的主要内容是我们不希望ThemeIsle成为“主题之地”,而是被称为“Neve和Hestia的创造者”。

为实现这一目标,我们决定在主页,主题页面上展示这些产品,并完全删除通用定价页面(这没有任何意义)。我们还着手为产品创建单独的徽标,然后创建顶级产品的原始登录页面(具有自己的品牌和所有)。此外,我们在这里和那里做了一些调整,以强调个别品牌。

3.技术债务解决了

同样,有两件事:

a)网站速度

我们的加载时间现在快了50%。但是我们在这个过程中遇到了一些麻烦。

为了强迫我们使用我们自己的产品并使用新的块编辑器(我们的开发人员不熟悉),我们完全搞砸了网站构建体验。

古腾堡还没有,或者至少我们使用它的方式没有帮助。它仍然不是登陆页面的最佳选择,如果你想要速度,你最好依靠ACF和手工打造的结构。如果您更喜欢灵活性,那么您可以使用Beaver Builder或Elementor,就像我们为主页所做的那样。

在构建具有性能的网站时,任务仍然不容易。你不能真正依靠插件为你解决所有问题,你必须自己做很多事情。以下是重新设计项目的首席开发人员Cosmin Serbanescu的评论:

在ThemeIsle网站上进行重新设计是一件非常愉快的事情,它绝对是我工作过的最复杂,最具挑战性的项目之一。

可能最棘手的部分是因为我们从一开始就采用了速度导向的方法,在实现功能或网站部分之前必须至少考虑两次,没有任何第三方插件或不必要的库,并保持代码干净如下可能。

b)新的购物车结构

这部分非常流畅,因为我们现在已经在store.themeisle.com上设置了所有内容。

当然,像往常一样,我们确实在发布日遇到了一些麻烦,但我们设法及时解决了这个问题。

在此设置中,正如我之前提到的,所有客户/用户数据都存储在前端的单独实例中,前端包含主题列表,博客,营销页面。

4.更好的登陆页面和移动

作为重新设计的一部分,我们为Neve,Hestia,ShopIsle,Zelle,Feedzy,Visualizer和WP Product Review等所有主要产品构建了新的登陆页面。

其中,Hestia的登陆页面 – 我们付出了大部分努力 – 似乎取得了最好的结果。目前转化率提高约10%。我们现在正在查看大约一个月的数据,这让我感到乐观。

总的来说,对于整个网站来说,似乎我们已经失去了销售额。但是有很多变化,包括摆脱10多种产品(这些产品都贡献了少量销售额),很难将任何东西归因于设计本身。

这与我今年设定的另一个目标有关。即使我们只保留了90%的变更前收入,但同时又能够管理50%的简单业务,这将是值得的。通过更简单的业务,我的意思是更少的产品,这意味着更少的页面需要管理,更少的文档和支持,以及更多的时间来使现有产品更好。

为移动设备优化新网站总体上非常好,但不是超级100%无问题。选择Gutenberg作为我们构建新页面的基础并不容易,最终并没有大大提高我们的移动性能。

我们没有设法将产品降落到产品登陆页面的50KB标记以下,因此我们无法在AMP中提供它们(对于CSS的大小有限制)。不过,我们在类别页面上有AMP。

总体而言,确保设计可以与Gutenberg,Elementor和其他建筑商合作是一项艰难的交易。它不仅仅是为了确保那些构建器能够输出它们的结构,而且还要确保屏幕上的结果是您所期望的。毕竟,我们希望以后能够修改页面,而不必在代码级别重做东西以使其成为可能。这就是设计必须与建筑商合作的原因。

以下是首席设计师John Fraskos对此挑战所说的话:

最大的挑战是创建一个一致的,可扩展的设计,这将是“与构建器无关”的,因为项目的某些部分是使用不同的布局构建器技术执行的。我们设法缩小并维护所有组件的基线可视语言,这可以很容易地与任何布局构建器一起复制,从而为我们提供面向未来的安心。

这些页面现在更容易在移动设备上导航,这不是纯粹的机会。我们投入了大量精力来设计移动体验,并思考移动访问者与桌面访问者的重要性。继续,在移动设备和桌面上查看我们的一些产品页面,看看有什么不同(例如,这个)。

整个实施,以及围绕复制和文本,登陆页面和其他活动的营销工作花了相当多的时间;确切地说,1,500个工作小时。我们的目标之一是进行一些严肃的时间跟踪,并对项目上花费的每一分钟进行评估。

如果将它乘以您想要计算的每小时费率,这可能会使我们的价格在$ 50,000- $ 100,000范围内。或者,换句话说,如果我们想为第三方建立一个类似的网站,我们必须收取超过10万美元才能使其盈利。

我们整体面临的最大挑战是这是一次性的独特项目。我的意思是我们通常不建立电子商务网站,因此我们没有适当的流程,团队及其技能也不适用于网站建设项目。

我们努力组织我们的工作,并且不知道如何领导或构建它们。我们也没有(我们仍然没有)一个专门的团队来处理所有前面的项目和站点。为用户构建主题和插件只是一种完全不同的事情。最后,感谢John Fraskos,他指导我们走上了正确的道路,我们决定使用Sketch进行UI设计,Invision进行设计协作和反馈,并使用Slack进行日常讨论。我们确实经历了很多迭代,因此肯定需要这些工具。

所以,主要问题可能是;我认为该项目是否成功?

这取决于。

我们没有看到重新设计导致的销售短期增长。我们仍然在编辑体验和调整网站方面遇到一些麻烦。该项目也可以运行得更顺畅。然而,在一天结束时,我仍然看不到更好的投资,这将为我们取得长期成果。

第二年将告诉项目是否成功。我很想知道事情是怎么发生的。

此外,随着Neve Pro的推出和我们的WCEU赞助,这标志着我们开始了一个新的时代。一个试图成为一个更成熟的企业的时代,而不仅仅是一个有一些主题的商店。

我也不是唯一一个在这里演出的人。这是一个很好的团队努力,也是我们业务方向的重大变化 – 通过专注于更少,更高质量的产品,更贴近客户并更多地满足他们的需求。

再次感谢参与此次重新设计的所有人!

别忘了去看看新的ThemeIsle吧!

不要忘记加入我们的速成课程,以加快您的WordPress网站。通过一些简单的修复,您可以将加载时间减少50-80%: