Case Study

Candace and Jess

Full-stack dev MVC, PHP, Bootstrap CMS for episodes Platform: Responsive Web

Podcast, Web Development, Web Design

Candace and Jess podcast website screens

Overview

A podcast site the hosts can run themselves

Candace and Jess is a podcast about books. The responsive site lets the hosts add, edit and publish episodes and links through a CMS, and forwards contact form submissions to the admin email. I designed and built it.

Role: Design and full-stack build
Stack: PHP, Bootstrap, MVC
Key feature: Episode CMS
Platform: Responsive web

Episode CMS

Add, edit, and publish episodes without touching code.

Interface

Book covers first, one listening action

Candace and Jess home page: a navigation bar with Home, About, Episodes, Blog and Contact plus a yellow Get In Touch button, above a large photograph of the two hosts outside a bookshop — **Home.** A photograph of the two hosts opens the page. The navigation is compact, with a single yellow “Get In Touch” button as the primary action.

Episodes page showing three book-cover cards, each titled with its episode and a Listen Now button — **Episodes.** The show is about books, so the covers are the navigation. Each episode is a cover, a title and one Listen Now button.

Home page with a Latest Episode section showing a large book cover and an audio player, beside an Earlier Episodes list of smaller covers with their own players, above a yellow footer with podcast platform icons — **Latest and earlier episodes.** The newest episode gets a large cover and a full player, with earlier episodes as a compact list of cover and player. The footer links out to the podcast platforms.

Branding

A quiet wordmark and a warm yellow

Wordmark and type. The show name set plainly between two rules, with Roboto Bold and Regular for everything else.

Palette of pale yellow, charcoal grey and amber — **Colour.** Pale yellow, charcoal and amber. The book covers bring the rest of the colour.

Feature Breakdown

What the site does

Episode CMS

Add, edit and publish episodes and links without touching code.

Episode players

Each episode has its own player with progress, 30-second skip, download, share and embed controls.

Cover-led pages

Book covers lead the Episodes page, each with a Listen Now button.

Contact delivery

The contact form forwards submissions to the admin email.

MVC structure

PHP and Bootstrap on an MVC foundation, so pages and data stay separate.

PHPBootstrapMVC