Brands in Audio. A catalogue that fills itself.

Brands in Audio is a directory of branded podcasts. A website like this is not judged by its homepage but by whether you can find anything in it. That is why search, a category bar, filters and sorting all sit at the top: four ways to narrow the set before anyone scrolls.

I designed the interface and built the whole thing. On a catalogue, design and code are hard to separate: the card layout depends on the data that actually arrives, not the data you would like to show.

Every entry carries cover art, a title, the brand, the production company and a status: active, paused or ended. Status matters here, because the directory also documents shows that are no longer being released.

Content arrives automatically through an RSS import. That changes how you design: titles run long, artwork varies in quality and some fields come through empty. The layout has to look right with partial data, because nobody is tidying each entry by hand.

On a phone, the four navigation tools from the desktop layout cannot sit side by side. The category bar scrolls horizontally, the sort control takes the full width and cards stack into a single column.

This is the classic directory problem: the more ways there are to filter, the harder it is to build a mobile layout that does not overwhelm. The screenshot records the approach in the live site.