The Iron and Oak Podcast — Cinematic Media Brand, Built End-to-End
Designed and built the full cinematic media brand from concept to launch — website, brand system, studio, distribution, and a thesis that drove every design decision.
A thesis, two co-hosts, and a blank slate.
Iron and Oak began as a concept co-hosted by Tyler Preisser and Lincoln Myers. There was no website, no brand identity, no studio, and no distribution infrastructure. The only fixed point was the thesis itself.
That thesis: iron is the hard, forged material of conviction; oak is the organic, rooted material of growth. Duality drives every design decision. Every visual choice, every typographic pairing, every animation cue had to express both materials at once — without either becoming dominant.
Everything — brand, site, studio, distribution.
Preisser Solutions built the website, brand identity, logo, design system, studio setup, and distribution infrastructure across every major platform. The site was generated using a Claude Code multi-agent system prompt with research-backed architecture inspired by Stripe, Virgin Galactic, and Airbnb-tier visual quality.
The build covers 134 pre-rendered pages, 12 episodes, and 109 questions arranged across five thematic phases. Dark and light modes ship together. Full GEO optimization is built in so the show is citable across AI search engines. The studio is wired with broadcast-grade equipment — Canon EOS R6 Mark II, four Shure SM7B microphones, RODECaster Pro II and RODECaster Video, and Sony MDR-7506 reference headphones.
Stack, content surface, and studio.
Next.js 16, React 19, TypeScript, GSAP, Lenis smooth scroll
Cloudflare Pages deployment with static export
134 pre-rendered pages across episodes, questions, phases, and supporting routes
12 episodes, 109 questions, 5 thematic phases — complete content architecture
Dark mode and light mode shipped together with a synchronized design system
Full GEO optimization for AI search citation across major engines
Web stack
- Next.js 16 with React 19 and TypeScript
- GSAP and Lenis for cinematic smooth scrolling
- Custom design system inspired by Stripe, Virgin Galactic, and Airbnb
- Static export to Cloudflare Pages
- Built using a Claude Code multi-agent system prompt
Content architecture
- 12 episodes anchored to the iron-and-oak thesis
- 109 questions distributed across 5 thematic phases
- Speaker's reference card system
- Short-form video clip automation strategy
Studio configuration
- Canon EOS R6 Mark II primary camera
- 4x Shure SM7B microphones
- RODECaster Pro II audio mixer
- RODECaster Video for visual switching
- Sony MDR-7506 reference headphones
Outcomes the engagement actually produced.
A full content surface of 134 statically rendered pages went live at launch — episodes, questions, phases, and supporting routes.
Twelve episodes were architected, designed, and integrated into the site at launch.
One hundred and nine questions were organized across five thematic phases — building a navigable conversation map, not a flat feed.
Everything from logo design through broadcast-grade studio buildout to distribution accounts across major platforms was delivered in one engagement.
Related case studies
Wife Supply Co
AI gift-matching engine, custom commerce front end
Cassidy HVAC — AI Marketing Engine
5x organic reach in 30 days, agency replaced
HG Oil Holdings — Inventory System
95% logistics-time reduction, loss center to profit center
Need a brand and a site that look like Stripe and feel like a movie?
Preisser Solutions designs and builds full cinematic brand systems end-to-end — from logo to deployment. Scoping begins with a conversation about your thesis.