Projects

Building a scalable home for the "Own Your Commerce" podcast

Continued work on the Bold's content platform with a focus on the Own Your Commerce podcast. This work included more structured schemas in our Sanity Studio, but also a custom, site-wide audio player utilizing media-chrome.

Roles:

Product Designer

Frontend Developer

View Project
Featured image of podcast page
Case Study

The Project

Continuing my mission of rebuilding Bold's web properties to bring the content producers, copywriters, and the rest of the team closer to the website. This time I had the opportunity to rethink how the content get's entered and what we can do once it's in a more portable place.

Utilizing our Sanity studio that underpins the website, I wrote some new schemas that referenced the people and company types we already had, but then adding quotes, audio files, and show links.

Now that we had access to the audio files directly and weren't relying on embeds paired with the fact that we're in a modern React frontend, I was able to make an audio player that persisted across the site. This allowed people to continue to browse around our site without having to stop listening to the latest episode.

A very subtle detail (maybe too subtle) is that there is a faint colorful glow that follows the progress of the episode. As the episode progresses, it's filled with more and more of the pink glow.

Close up details of the audio player
Whole page screenshot of the episode page

Let's talk

Have something in mind? Reach out and we can talk about what your project looks like.

Start a project