一个与众不同的Spektrix网站

藏红花厅是一个最先进的音乐会和录音场地,位于埃塞克斯的藏红花瓦尔登集镇,于2013年开业。除了以古典音乐为主的票务节目外,藏红花厅还是社区文化提供和艺术教育的先驱模式,率先推出了独特的地方举措,如Together in Sound、痴呆患者及其同伴的音乐治疗项目以及Come Together,旨在埃塞克斯及其他地区建立一个代际创意社区。似乎所有这些都还不够,这栋建筑白天还兼作当地综合性学校萨福隆沃尔登县高中的校舍。

简而言之,藏红花厅不仅仅是另一个需要宣传演出和售票的场所。但这就是他们最初设计的网站所要做的一切——当他们在2018年来到我们这里时,它已经在接缝处吱吱作响了。

作为一个慈善机构和小型场所,Saffron Hall无法立即支付全面重建的费用,所以我们没有试图强迫他们进行重建。相反,我们与大厅的工作人员密切合作,确定并优先考虑他们现有网站的最关键问题,并制定一个逐步改进的经济路线图。

几年后,结果是一个完全转型的数字平台,支持藏红花厅的所有活动——所有这些都是以适度的年度成本实现的。

提高旧网站的性能

考虑到藏红花厅预算紧张,我们在第一年的工作重点是挑选低垂的水果,以改善现有网站的用户体验。

例如,我们引入了一个快速更改,这样预订单场演出活动的用户就可以直接进入座位选择屏幕,消除了之前要求用户选择日期的中间页面,即使只有一个。

我们还添加了许多其他微妙的功能,如食物的追加销售,以及用户滚动时出现的延迟加载事件列表,从而可以在单个页面上查看完整的事件列表。

随着我们做出越来越多的小改进,成功交易的数量同比增长了约15%。然而,很明显,我们正在接近现有网站的自然极限——不仅是在最大化销售方面,而且在围绕社区倡议实现藏红花厅的其他目标方面。

重建的敏捷方法

旧网站的部分问题是其内容管理系统WordPress。尽管前一家机构安装了许多第三方插件,使Saffron Hall能够更好地控制页面布局和内容,但它们最终还是与少数固定模板绑定在一起。

虽然这对传统的场馆页面(活动列表、访客常见问题解答等)很有用,但它限制了他们在网站上传递其他内容的效率。在“关于”或“新闻”部分,重点介绍他们在社区中工作的重要页面丢失了,而他们的学习和参与团队则花费数小时试图扭曲WordPress来显示他们的各种内容。

为了解决这些问题,我们想把藏红花厅搬到一个新的,更灵活的CMS但全面重建仍超出了他们的预算。相反,我们计划分阶段重建,在两年内分阶段将网站从WordPress迁移到Craft CMS。这将使他们能够优先考虑关键改进,同时将成本分摊到一系列较小的年度预算中。

移动Spektrix事件以创建CMS

虽然我们知道Craft的功能对非活动内容特别有用,但门票销售仍是藏红花厅的主要收入来源,这是网站最容易从WordPress中删除的部分。因此,在2020年初,我们在活动.saffronhall.com.

与许多地区性场馆一样,藏红花厅主要依靠一批核心常客,他们每个赛季都会参加多项活动。新的票务页面包括许多专门为他们设计的功能,以使早期的门票销售比以往更加顺畅。

音乐家考特尼·派恩演奏萨克斯管
©罗杰·金

登录页面上的智能过滤器现在可以让用户在搜索中组合日期、流派和可用设施,这在以前的网站上是不可能的,更好的是,该网站可以记住您的选择以及您浏览过的节目的距离,即使您选择购买特定活动的门票。这样,你就可以从刚才停止的地方开始,就像狗狗共享一本实物小册子一样。

同时,我们的“同一座位”选项意味着如果您预订多个活动,您只需选择一次座位。如果您在一个活动中找到了自己喜欢的座位,只需在列表页面上单击一次,就可以为任何其他活动再次选择该座位。我们的网站与售票系统的API对话,为您抢到合适的座位,或者如果您想要的座位不可用,则会将您带到座位图。

40%

通过将售票流程从WordPress移出并引入Craft CMS,我们将平均事务中的页面数量减少了约40%,而不会降低平均订单价值或数量。换句话说,人们买了同样数量的东西,但麻烦少了很多。

我们的新票务部分还引入了更新的外观,我们也将其推出到旧的WordPress网站,将这两个网站的导航和搜索功能链接起来,这样用户在主域和票务网站之间移动时就不会注意到任何摩擦。这种样式和数据的一致性,再加上新的票务部分,导致我们的一位主管问我们是否真的一次性重建了整个系统!

使用Craft CMS重塑网站内容

当我们继续帮助确定最后阶段的优先事项时,有一件事变得很清楚:尽管他们工作的不同部分(现场音乐和社区活动)明显是分开的,但他们之间仍然存在有意义的密切关系。对于Saffron Hall团队来说,用户了解和探索他们所做的一切也很重要,无论他们最初访问网站的原因是什么。

出于这两个原因,我们需要让用户更容易吸收更多网站内容,关注他们的兴趣,而不是在一个地方买票,在另一个地方获得社区新闻和资源。同时,我们仍然需要一个清晰的结构,以便新访客能够一眼就知道在哪里可以找到他们想要的东西。

为了满足这些相互竞争的需求,我们设计了两个新功能,这两个功能都依赖于Craft CMS。

第一个是完全重新设计的导航,围绕藏红花厅的四个关键用户旅程进行组织——预订门票、访问我们、支持我们和参与——再加上第五个区域“我们做什么”。单击这些标题中的任何一个现在都会出现一个“mega-menu”,其中清晰的副标题指示每个部分中最重要的页面。更好的是,这些副标题反映了CMS中每个部分的基本嵌套结构,这意味着Saffron Hall的工作人员可以随时轻松编辑它们。

下面

新的导航功能充分利用了藏红花厅的新品牌调色板,并围绕关键用户目标重新组织了网站,以便人们能够更快地找到他们想要的东西。

新导航的另一个重要功能是突出显示关键行动要求的选项。例如,在“支持我们”菜单中,有一个内联捐款小部件,可以让用户立即向Spektrix购物篮中添加捐款(带有礼品援助);在“Visit Us”(访问我们)部分,会自动显示最新的关于销售和营业时间的运营公告,以避免“圣诞节票房时间”等内容在新闻页面上消失。

事实上,我们完全删除了传统的新闻部分,因为我们的研究表明没有人使用它。这让我们想到了我们在新网站中构建的第二个主要功能:“内容频道”。

此前,新闻部分已经成为了所有其他地方不适合的尴尬内容的信息交换中心,比如季节公告和开放时间的更改、重要捐赠者的简介、演员访谈、试镜要求以及大厅社区工作的展示,这不是一个包含固定信息的页面,比如“停车地点”或“如何捐款”。

我们没有试图通过创建新的部分来重新发布所有这些内容,而是拥抱混乱!毕竟,这个问题并不是无用的,也不是将内容统一起来:而是因为“新闻”将其与网站的其他区域断开了连接。

歌手组合Ladysmith Black Mambazo在藏红花厅表演
©罗杰·金

仍然有一个页面,所有这些新闻和非新闻都位于同一个地方,但访问者很少在那里查看。相反,工作人员将其分发到整个网站,用有用、吸引人和相关的内容丰富不同的部分。

例如,在他们的“以前的项目”部分,他们现在调入了三条最新的“学校和社区”新闻以及三个最新的项目。这为最近的社区工作提供了一个吸引人的最新快照,也为每类内容的完整存档提供了跳板。

其他地方,这些“特色内容”功能块为“访问我们”mega-men菜单中的最新公告以及一个新的、生动的“关于”页面提供了强大动力。与通常在场馆网站上找到的典型“关于”页不同,藏红花厅现在可以拉入无限的分类内容来展示他们所做的一切,并让人们兴奋不已探索网站的其余部分。

这一切有什么不同?自发布以来,总流量增长了38%,反弹率(单页访问量)下降了18%。更重要的是,网站商业部分的流量显著增加,Support Us部分的访问者增加了200%以上,What’s On部分的访客增加了180%,在这些至关重要的页面上花费的平均时间增加了近50%。

38%

自发布以来,总流量增长了38%

18%

跳出率(单页访问)下降了18%

200%

“支持我们”部分的访客增加了200%以上

在Craft CMS中创建完全可定制的学习资源页面

我们重建的最后一个方面是建立一个新系统,为藏红花厅的各种社区项目创建和共享参与者资源。这些资源因项目而异,甚至在项目中每周都有差异因此,新的学习资源部分需要高度灵活。这些页面通常由儿童或患有痴呆症的成年人使用,因此它们也需要易于消化和高度可访问。

使用Craft CMS直观的拖放编辑器界面,我们为藏红花厅提供了对这些页面的布局和外观的前所未有的控制。他们可以为每个元素选择多个预设的可访问的颜色组合,以使他们能够清楚地为不同的项目页面设置主题,或为年轻观众增加视觉兴趣;他们可以使用内容频道从网站的任何其他部分获取内容;他们可以在每个页面中混合和匹配多个布局,以适应不同的部分;他们可以嵌入大量不同的媒体和第三方内容,以实现参与者作品的共享,无论作品采用何种格式。

简而言之,他们可以为主网站内的每个学习项目高效地创建自定义微型站点,并使用Craft的本地身份验证,同时轻松地对整个部分进行密码保护。这样,如果有人输入密码访问“一起行动”资源的第6页,网站也会解锁“一起行动”资源的其余部分。

建立长期支持关系

与藏红花厅合作非常令人满意。但在三年后,并最终推出了新网站,你可能会认为我们已经坐下来,站起来了。

不是这样的。

第四年,我们利用藏红花厅的年度预算启动了一个新的微型网站,重点介绍了他们的小学在线学习计划,藏红花的声音。大部分内容已经存在于主要的藏红花厅网站上,现在仍然存在,但通过使用Craft的多站点功能,我们还可以将其同时提供给新的藏红花声微型网站。

这意味着注册Saffron Sounds的家长和老师有一个简单的登录页面和用户体验,但任何已经使用SaffronHall主站点上资源的人仍然可以使用他们保存的所有书签。最棒的是,一旦我们建立了后端,藏红花厅的学习团队唯一需要做的就是在CMS中轻触一个开关,以便同时为两个站点启用内容。

同时,通过使用Spektrix的多域样式支持,我们只需几行CSS就可以为Saffron Sounds创建一个新的品牌注册流程——不需要昂贵的新API集成,也不会影响主要的Saffron-Hall购买流程。

最近,在第五年,我们再次全面翻新了藏红花厅的活动页面,根据我们在过去三年中的学习经验,添加了强大的新功能。您可以在我们的洞察力文章中阅读更多有关这些变化的信息,如何通过策略、自动化和稍微可怕的电子表格来增强您的事件页面.

第六年及以后呢?我们已经在与团队一起寻找新的页面和功能,以进一步改进网站,我们希望在未来的许多年里继续这种合作关系。

Ten4的专业知识在帮助我们开发一个看起来令人惊叹、满足客户需求、功能强大、让我们的生活更轻松的网站方面发挥了不可估量的作用。

Emma Hall,数字营销协调员

下面

通过保护密码的学习资源工具,藏红花厅可以创建全新的、完全可定制的页面,以支持其所有不同的社区计划,从创意提示到视觉材料,再到学生作业。

安德鲁·拉德的个人照片

一切艺术、文化和遗产与安德鲁交谈