Heart & Goal Podcast
A complete website created from a visual spec sheet and a one-page sales sheet—turning a podcast concept into a cohesive digital experience through original web design, expanded copy, and WordPress development.
My Role
PLATFORM
FOCUS
SCOPE
The Challenge
Heart & Goal needed a digital home for a podcast exploring the 2026 World Cup and its impact on Kansas City. The website had to introduce the show, establish the hosts’ credibility, connect visitors with episodes, and communicate the opportunity to potential sponsors. The starting materials were limited: visual assets from a spec sheet and a one-page sales sheet that provided the foundation for the messaging. There were no finished website designs or complete pages of web copy to implement. My job was to turn those ingredients into a complete website—defining the structure, designing the experience, developing the content, and building the finished site.
What I Owned
I designed and built the website from the supplied assets, developing the page layouts, navigation, content hierarchy, and responsive experience. I also expanded and adapted the sales-sheet messaging into website copy, giving each page a clear purpose while maintaining a consistent voice throughout.
The supplied materials established the starting point. I created the website around them.
01 / WEBSITE DESIGN
Translated the supplied visual assets into a complete website design, establishing the layouts, typography hierarchy, spacing, and page treatments.
02 / CONTENT DEVELOPMENT
Used the one-page sales sheet as the foundation for expanded web copy, organizing the messaging around the show, its hosts, listeners, and prospective sponsors.
03 / WORDPRESS DEVELOPMENT
Built the complete website in WordPress and Elementor Pro, connecting the design and content into a working experience.
04 / RESPONSIVE EXPERIENCE
Designed and developed how the site adapts across desktop, tablet, and mobile, including navigation, content sections, imagery, and calls to action.
The Approach
Turn a small set of brand materials into a complete digital home for the show.
A complete WordPress website that gives Heart & Goal a cohesive digital home—bringing together the show’s story, hosts, episodes, live events, and sponsorship opportunities. The project began with supplied visual assets and a single page of sales copy. I turned that starting point into the website’s structure, design, expanded content, and finished build. It demonstrates my ability to take a project from limited source materials to a complete web experience, owning both the creative decisions and the development needed to bring it to life.
The website needed to serve people discovering Heart & Goal for the first time while giving returning listeners and potential partners clear paths to the information they needed.
I built the experience around those different needs, connecting the podcast’s story with its episodes, personalities, live appearances, and sponsorship opportunities.
01 / Define
Give the content a structure
I used the sales sheet to identify the central story and organize it for the web. That meant deciding what belonged on the homepage, what needed a dedicated page, and how visitors should move between learning about the show, finding episodes, and exploring a partnership.
02 / Design
Extend the visual assets into a website
The spec sheet provided visual ingredients, but the website still needed its own design system. I developed the layouts, visual hierarchy, image treatments, and recurring page elements that brought those assets together into a consistent experience.
03 / Build
Connect the design, content, and functionality
I developed the site in WordPress, bringing the layouts and messaging together with navigation, episode access, host information, and sponsorship calls to action. I also worked through the responsive details needed to carry the experience across screen sizes.
Inside the Build
From Sales Sheet to Website Copy
A sales sheet presents a concentrated pitch. A website needs to introduce ideas progressively and help people find information in different ways.
I expanded and reorganized the supplied messaging into page-specific copy, creating a clearer distinction between explaining the podcast, introducing its personalities, and presenting the sponsorship opportunity.
A Visual Identity Built for the Web
I used the supplied assets as the foundation for an original website design. Rather than working from finished page mockups, I determined how the brand should appear across the interface—from prominent introductory sections to supporting content and calls to action.
The result carries a consistent visual identity through pages with different purposes.
Listener and Sponsor Journeys
The site serves two important audiences: people interested in the podcast and organizations interested in supporting it.
I gave listeners clear routes to the show and its episodes while creating a dedicated sponsorship page that presents the partnership options and a direct way to start a conversation.
A Home for Every Episode
I designed and built the episode browsing experience, giving visitors a dedicated place to explore the show beyond the homepage’s latest episode.
The episode archive and individual episode pages bring the content into a consistent format, making it easy to discover past conversations and choose what to watch or listen to next.
Responsive Design and Development
I designed how the content, imagery, navigation, and calls to action adapt across desktop, tablet, and mobile.
That work extended beyond resizing the desktop layout. It required decisions about stacking, spacing, text hierarchy, and the order in which information appears on smaller screens.