Futureproofing the Official Charts’ platform for a loyal and growing audience

Image
official charts.jpg

About The Official Charts

The Official Charts has been part of the UK music scene since the 1950s when it was recognised as the  ‘official’ singles chart for BBC Top Of The Pops and the Radio 1 chart show.  The Official Charts company was formed in 1990 and today compiles charts for singles, albums and films across a variety of genres.


 

A flexible CMS that scales

Full Fat Things partnered with the Official Charts Company to completely transform their website, ensuring it appeals to both long-time chart followers and the mobile-first, video-driven Gen Z audience.

The previous site was struggling with outdated technology, slow performance, limited video content, and poor mobile optimisation. With fluctuating traffic peaks – especially during Friday chart releases – the need for a modern, scalable, and ad-friendly platform was clear.

We delivered a headless Drupal solution with a Nuxt Vue.js front end, running on auto-scaling AWS infrastructure. This allowed for faster load times, seamless editorial control through Drupal’s Layout Builder, and a rich, engaging user experience designed around video, playlists, and artist insights.
 

 

Image
OC webpage
Image
mobile image with website

Key features of the new site include:

  • Mobile-first design optimised for speed, SEO, and premium video advertising
  • Scalable architecture that automatically handles traffic surges
  • Embeddable charts and stat blocks for external sites
  • User accounts, personalised newsletters, and community engagement tools

Why Drupal was chosen

Robust Content Management

With tens of thousands of artist pages, millions of chart positions, and dynamic content types like singles, albums, videos and news, Drupal’s ability to handle structured content made it the perfect fit.


 

Headless Architecture Support

Drupal works brilliantly as a headless CMS, exposing content as JSON APIs that power a fast, modern front end (in this case, built with Vue.js). This keeps content management centralised and familiar for editors while delivering a high-performance, app-like experience for users.

Layout Flexibility

Drupal’s Layout Builder gives the Official Charts editorial team total freedom to create and customise pages, drag and drop components, and launch new features without developer input.


 

Scalability

Drupal is proven at scale, capable of supporting millions of data points and high traffic volumes – critical for a site like the Official Charts, which experiences huge spikes during key events like Friday chart updates.

Community and Extensibility

Drupal’s open-source ecosystem provides a wealth of modules and a large, active community, making it a reliable, future-proof foundation.

Seamless Editorial Workflow

The Official Charts team needed a system that allowed them to react quickly to breaking news, update charts, and publish multimedia content – all of which Drupal supports with ease.

Our solution

Wireframes

Content editing 

We started with interactive wireframes, allowing the Official Charts team to test and refine user journeys. These prototypes demonstrated how users could easily explore singles, albums, films, news stories and deep statistical insights, all connected through a richer, more intuitive experience.


 

Drupal

Real-time page design

Editor autonomy

Flexible CMS

We chose Drupal to manage the platform’s complex content relationships. By using a headless CMS approach, we separated the content management from the front-end presentation, creating a flexible, futureproof system. This architecture means the Official Charts team can create, customise and update content on the fly, while delivering a smooth, app-like experience for users.

Amazon RDS

Elastic Container Service (ECS)

Elasticache (Redis)

CloudFront CDN 

With major spikes in traffic during chart announcements and high-profile events, we built an auto-scaling infrastructure on AWS. The system automatically scales from just a few containers overnight to over 16 containers during peak times, ensuring stability without unnecessary costs.

Conclusion

The Official Charts Company now has a digital platform built for the future – one that balances the rich history of British music culture with the demands of today’s audiences and advertisers.

With cutting-edge technology and a user-first design, the new site ensures the Official Charts remain a vital part of the national music conversation, delivering chart-topping content every single week.

Because when it comes to digital experiences… the only way is up.

Want to build your digital platform in Drupal? We can help.