
Concept/Demo
Podcast & Audio Show: a website direction for your business.
A reskin of the Journal engine: the same topic filters, client-side search and browser-only saved list, carrying a solo audio show whose site is transcript-first because no audio is hosted here, which states what a download number is not, labels a sponsored episode in the first thirty seconds of the audio rather than only in the show notes, and appends corrections to the back catalogue instead of quietly re-cutting the file.
Concept/demo. Sample business details, prices and availability are illustrative. Journeys run in the browser; no booking, order, payment or request is sent.

Business need
Make the next step clear.
For podcast & audio show, visitors need to understand the offer, inspect the details, and see how to take the next step. This concept makes that journey visible before a real project is scoped.
Design direction
Deep teal on warm paper, near-black panels. Typography uses Literata and Archivo, with a palette developed for this concept.
Primary journey
topic filters, client-side search and browser-only saved list → the site is transcript-first, because a static demo hosts no audio and says so rather than showing a player that cannot play → the lead episode explains that a download counts a file request and not a person, and the show refuses to call it listeners → a paid episode is declared in the first thirty seconds of the audio, not in show notes nobody opens → corrections are read out on the next episode and appended to the old transcript, because a file that changes after publication stops being a record
Frontend features
Explore what the interface does.
- Topic filters
- Client-side search
- Browser-only saved list
- Article pages
Making it production-ready
- Your business content and photography
- A confirmed scope, pricing and timeline
- Backend, payment, booking or third-party integration where your workflow needs it
The sample interface does not establish live stock, availability, payments, professional services, or business outcomes.
Desktop & mobile
Try the same journey on your screen.
The live demo adapts to desktop and mobile. Open it to explore layouts and controls at your own screen size.


Photography credits
Sources used in this concept
- cable-coil.jpg — Ksenia Pixelesse Source · Licence
- desk-window.jpg — Clay Banks Source · Licence
- faders.jpg — Saso Tusar Source · Licence
- foam-wall.jpg — 2H Media Source · Licence
- foggy-road.jpg — Annie Spratt Source · Licence
- headphones-board.jpg — Nils Benyamin Source · Licence
- lamp-path.jpg — Domenico Adornato Source · Licence
- mic-lead.jpg — Jonathan Velasquez Source · Licence
- mic-mono.jpg — Kate Oseen Source · Licence
- mic-plain.jpg — Klim Musalimov Source · Licence
- monitors-room.jpg — Grace Anne Bobadilla Source · Licence
- patchbay.jpg — Manuel Luikenga Source · Licence
Build around your actual business.
Share your goals, content and workflow. We will define the design, features, integrations, scope and quotation with you.