October 24, 2015
You may not be aware that I’m also a voice actor and audio producer. One of the shows I work on is the horror fiction darling, The NoSleep Podcast.
The podcast’s existing website, while serviceable, didn’t properly reflect the brand. On top of that, it was built as a classic WordPress blog, meaning that episode posts were buried in a month-by-month blog archive with no clear indication of how users could quickly find what they were looking for.
Showrunner David Cummings put out a call to his audience for a web developer to help him update the current website and add some new features. I quickly jumped at the opportunity and provided David with a proposal on all the ways I believe the site could be improved.
I did a deep dive right into the individual episodes’ content itself to bring improvements to the user experience. I also ensured that David’s already limited time to keep the website up to date would be well used, automating many features with the use of blog categories and tags.
Improvements to the site include:
A sleek new design
NoSleep Podcast graphic designer Unka Odya and myself have teamed up to create a clean, modern design that reflects the NoSleep Podcast brand as it is today.
Mobile friendly responsive design
The old site had no mobile support. Now the site can be viewed on any device. The site adapts to the size and shape of the device screen.
Improved site structure and navigation
The whole site structure has been improved to place content where it belongs. Episodes are sorted by season, allowing visitors to easily find what they’re looking for with no more hunting through monthly archives. The main menu is also expanded to take visitors more places that were previously buried.
SEO Friendly URL permalinks
The old site used the default WordPress URL format, which is not conducive to search engine optimization or good user experience. Every URL in the site is now easy to understand for visitors and search bots alike.
New contributers section
Biographies of The NoSleep Podcast’s entire cast and crew, previously non-existent, are available in the “About” section.
A new audio player
I implemented a HTML5 audio player, meaning the episode loads quickly, spans the width of the device screen and, most importantly, works on mobile.
Improved episode and season pass purchase options
Every episode page has purchase options right below the player so visitors can help support the podcast without having to hunt for the button.
Integrated social media
All posts now have like and share options. The site also showcases the podcast’s latest Twitter and Facebook posts so fans can keep up to date on those platforms.