Sports Tech

A Hole-in-One: Trackman Delivers New Site in Just 3 Months With 40% Increased Site Speed

  • Headquarters: Vedbæk, Denmark
  • Technology: Next.js & Vercel

With state-of-the-art radar and camera tracking technology designed to enhance sporting performance in golf, basketball, American football, and beyond, Trackman (opens in a new window) is quite literally changing the game in sports analysis. But their traditional CMS setup? Not exactly a hole-in-one. Slow, high-maintenance, and not very flexible, it presented them with near-constant challenges that stunted productivity. But luckily, Storyblok was the trickshot they needed to build, migrate, and launch their 7-language website in just 3 months. Welcoming a 40% increase in website speed as a result (talk about teeing up for success), here’s a look at how they did it.

  • 7 Languages
  • 3 months build to launch
  • 1-3 days New component creation
  • 40% Increased Site speed

Before, tasks like making our website faster and managing our content were too difficult and took too much time. That's all changed with Storyblok.

Changing the course: a CMS solution for marketers and developers 

Trackman’s original website was built using a traditional, monolithic CMS. An outdated solution that was holding them back from delivering a digital experience on par with the quality of their next-gen sporting tech. Their old setup was tricky to configure and manage for the marketing team, meaning developers regularly had to step in and take over, even with simple content updates. The results? Mounting developer workloads, limited resources, and consistently postponed projects. 

Their old workflow was way off course, and the Trackman team decided it was time to pivot. They needed a CMS that could scale, was straightforward to use for everyone, and provided the features their teams needed to work quickly and autonomously, including: 

  • A built-in localization setup.
  • A simple and easy-to-use content delivery system via APIs.
  • User roles for content editors, developers, designers, etc.
  • A WYSIWYG experience for marketers to easily edit and publish content.

In summary, they wanted a CMS that their team actually enjoyed using and empowered them to deliver great content and user experience easily: say hello to Storyblok.

The first thing that caught our attention was Storyblok’s localization setup. It is so easy to connect, set up, and utilize the locales we needed for new languages and markets.

The headless features that knocked it out the park 

The first proof of concept for Trackman’s new website was ready in April 2021, and by June, it was game day. The web development began, and the team was ready for a homerun thanks to some of Storyblok’s key features and capabilities, including: 

  • Clear and transparent pricing with flexible package offerings.
  • A best-of-breed selection with localization tools for new markets and languages (with Lokalise (opens in a new window)).
  • The ability for developers to use any technology or framework they desired.
  • Our Visual Editor with a UI that is easy for everyone to understand (promise).
  • Composable components that allowed marketers to build new pages and campaigns independently, streamlining the path to publication. 
  • The ability to define roles (opens in a new window) and workflows within and between teams.
  • Marketers being able to make their own decisions and changes directly in the CMS—no coding or developers needed. 

But the real MVP was the simplicity of content localization. Trackman currently delivers its website in 7 languages: English, Spanish, German, French, Italian, Korean, and Japanese. And is able to do so seamlessly, thanks to our field-level, folder-level, and space-level translation options, enabling content to be tailored to different languages, cultures, and markets. Multilingual content has never been easier, faster, or more organized. With Storyblok and all of those features combined, Trackman was able to build and launch their new website in less than 3 months—what a result!

Screenshot of TrackMan's website

The editor experience inside Storyblok is incredibly smooth and easy for our team of marketers to use, where we can build new pages quickly and easily while seeing what we are working on in real-time.

Speedy loading, easy localization, happy teams 

To get this project up and running, Storyblok and Vercel (the dream team), worked together to supercharge the Trackman website for speed and optimized data delivery. Delivering a dynamic, fast-loading, localized website that helped the Trackman team in their goal to build a stronger brand presence online. Not only that, Trackman was able to make big changes within their internal team’s workflow and efficiency. Their developers were able to spin up new components in just 1-3 days before handing over to marketers to take over content creation and publication themselves—win-win. 

As a developer, I was initially hesitant about the Visual Editor. In my experience, a visual editor usually meant slow templating and code injections. Using Storyblok's Visual Editor was refreshing.

Trackman's Site Architecture

Headless in full swing: what has Trackman achieved? 

Trackman’s success in this project was a true team sport, powered by the tech and workflow advantages only a great headless CMS can deliver (if we do say so ourselves). The optimizations gained led to a 40% increase in website speed since the team made the switch, and the results don’t stop there. 

Let’s take a look at what Trackman has done since moving to Storyblok: 

  • Simplified workflows allow creatives and developers to work independently.
  • Scaled their web and brand presence and delivered localized content in key markets—with plenty of flexibility to keep it coming. 
  • Built and migrated their initial MVP website to launch in just 3 months.
  • Updated localized content on their site in 7 languages from 1 centralized hub. 

…with plenty more to come. 

Get Started With Storyblok

Take a tour with us to see how you can build better content experiences, faster with Storyblok.