Case Study

Serein

I designed and developed this headless Nuxt site for my own music label, Serein. There is a lot going on beneath the clean, minimal design, let's dive in...

The brief

Serein is my own record label that started out as a small, internet only endeavour in 2015. In 2019 I started producing CDs and soon after that, vinyl. I've released material by bands and artists from all over the world with a strong focus on ambient music. I had long wanted a site that allowed old fans as well as newcomers to really get a feel for the label without having to go elsewhere to listen, for example to Spotify or Bandcamp.

I wanted people be able to listen to the music in full whilst also having the opportunity to read about the ideas and concepts behind the work and learn about the artists themselves.

Serein co uk i Phone SE 1
Serein co uk i Phone SE

Progressive Web App

What I have built is in essence a web app that is also installable on mobile devices as a Chrome PWA (Progressive Web App). In other words, if you browse to the site on your mobile device, you will be prompted to install it. To all intents and purposes the site then behaves like a native app on your phone. Whether users choose to do this or not, the entire Serein catalogue is available to stream in full via CloudFront's edge network, meaning super quick load times and buffer free streaming.

Craft Powered

The CMS behind all this is Craft working in headless mode. That means I get to keep all the benefits of working with Craft for content plus the advantages a static build offers in terms of speed. Craft is perfect for this kind of setup and has had full GraphQL support in core for a while now.

Serein co uk

Using the Edge

The site is deployed to Netlify which again comes with edge networking for super fast speeds. This coupled with Nuxt's code splitting and small bundles leads to really quick load times and great scores with tools like Page Speed Insights and GTMetrix.

Serein co uk 1

Press play

Give Serein a visit and hit play on something - there's lots to discover!

Serein co uk 2

Rootsy’s work has contributed to continuous increases in traffic as well as faster load times and positive feedback on the design. Their workflow is extremely effective and they deliver exactly as requested. The team often exceeds expectations and at the very least meets them.

Stephen McGlinchey
Editor-in-Chief at E-International Relations
View Case Study

Past Clients

2014 Cardiff University
2010 Chill Or Thrill
2011 WorldPay
2011 Eco Bohemia
2008 Super Furry Animals
2013 Eco Finland
2008 EMI
2013 Voices From Care
2012 HEMYCA
2014 Minna Hepburn
2009 Bait
2015 Silk Street Jazz
Highlight 1 2x
Highlight 2 2x
Highlight 3 2x
Highlight 4 2x
Highlight 5 2x
Highlight 6 2x
Highlight 7 2x
Highlight 8 2x
Highlight 9 2x
Highlight 10 2x
Highlight 11 2x
Highlight 2x

Get in touch

Use the form below to tell me all about your exciting new project, or email huw@rootsy.co.uk directly - I'll get back to you as soon as I can!