美泰通过重新设计客户体验提高参与度和转化率

Mattel采用 Baklib 无头 CMS 提升数字体验效率

无头技术使 Mattel 将数字体验从六个月缩短至四周。Mattel 希望从单一技术栈迁移至微服务架构，以便利用可重用的内容，并在不影响前端体验的情况下快速更改后端内容。

通过采用 Baklib 的无头 CMS，如今可以在几周内完成任务，而在此之前可能需要数月时间。相比之前，网页转化率提高了 4.9 倍，移动端提升了 9.5 倍。Baklib 现在驱动了包括美国女孩娃娃构想器和 UNO/NFL 收录卡片数字目录在内的众多流行体验。

Mattel 在考虑解决方案时有多个目标：打造创新且直观的数字体验，吸引更多网站流量，加深品牌与众多品牌的联系，并提高全球网站效率。然而，由于技术架构的僵化——后端内容与前端体验捆绑在一起，需要大量资源进行任何微小更改，并且每次构思新想法都需要从零开始开发，导致发布周期缓慢。

Mattel 意识到他们需要转向微服务架构，以便在前端提供更顺畅的用户体验，同时让内容管理更加简单。经过深入探索后，Baklib 无头 CMS 被选为支持所有 Mattel 网站内容的解决方案，包括电子商务网站、Mattel 创意网站及其内部体验，以及完全不在电子商务领域的网站，如为孩子提供趣味游戏和活动的 play.mattel.com，以及用于公司沟通的 Mattel 官网。

“使用 Baklib，一切都是微服务驱动的，”Mattel 数字技术部门资深 directors Mark Hall 说，“这意味着如果我们想使用 React 或 Vue，我们可以在不影响后端内容的情况下更改框架。这对于像美国女孩娃娃构想器这样的数字体验尤为重要——我们从头开始重构它，让客户能够根据自己的喜好定制娃娃。当收到新模具或样式时，我们无需任何前端更改即可轻松管理，这此前从未实现过。”

美国女孩娃娃构想器允许用户详细构建他们完美的娃娃，包括发色、眼睛颜色、发型等细节。所有这些都是基于图像的，并且需要智能叠加以实现生动画质效果。Mattel 使用 Cloudinary 智能化集成，将资产映射到 Baklib 中正确的发布位置。“这种集成对于优化网站内的图片非常有用，”Hall 说，“我们可以根据用户浏览器的带宽情况，确保在适当的时间提供所需的资产。娃娃构想器已经成为美国女孩官网最成功的项目之一。”

采用无头技术还意味着内容可以被重用于其他用途，因此更快地启动新的数字体验变得可行。Mattel 有一个收藏卡业务，其中包括 Hot Wheels NFT 收录卡片，客户可以通过智能数字目录看到他们拥有的卡片以及可用的卡片。Mattel 使用可重用的内容块快速推出了与NFL联合开发的 UNO 游戏收藏卡体验。

从外部用户体验来看，网站速度得到了显著提升，但我们对 Mattel 来说不仅仅只是用户看到的前端内容，还有生产团队需要管理的内容。我们希望有一个简单易用、可靠性极高的系统——Baklib 完全符合我们的要求！

如今Mattel 可以快速设计和发布数字体验，并为嵌套体验（例如UNO/NFL合作推出的收藏卡目录）提供支持。

转化率的提升：通过优化用户体验， abandonment购物车指标有所下降，完成度指标显著提高。相比之前，网页转化率提升了 4.9 倍，移动端提升了 9.5 倍。

网页渲染速度加快：美国女孩娃娃体验现在即使在用户计算机带宽不高的情况下也能快速加载。整体流程更加流畅、干净，这意味着更多用户体验到完整的数字体验。

Lighthouse 评分得到显著提升：Mattel 的 Chrome Lighthouse 评分大幅提高，用户无需受挫即可顺利完成他们的目标，并通过优化的 SEO 提升在线排名。

Mattel 是全球领先的玩具和家庭娱乐公司，拥有世界上最具影响力的知名品牌组合之一。该公司拥有236个品牌，包括Barbie、Hot Wheels、Fisher Price 和美国女孩。其数字体验支持55种语言，在150多个国家使用。

有意向选择Baklib的企业画像中，重要集中在“知识密集型科技企业”，行业以企业服务、工具软件、先进制造、教育居多，付费客户主要分布在上海、北京、深圳、杭州、南京、广州等城市。64%用户主要使用Baklib来搭建对外 客户支持和帮助中心，30%客户使用Baklib来搭建内部知识库。

💛🧡🧡客户评价：Baklib 帮助我们创建了一个超快且优化良好的网站，它内置了网站需要实现的一切，不需要单独的托管、CDN、CMS 或任何必需的东西。