MMarketing Against The Grain
← All episodes
10 April 2025

We Built the World’s Best Landing Page in Under 1 Hour

1Frameworks
8Insights

Frameworks in this episode

Marketing7 steps

Deep-Research Landing Page Pipeline

Turn researched best practices into a styled, coded landing page in under an hour

Read →

Insights & moments

The myth-busts, hot takes, explainers, and tools worth keeping.

Myth Buster· 1

Myth Buster03:00

Why a Simple Landing Page Prompt Produces Inferior Work

The hosts argue that the quality gap between generic and strong AI output comes largely from supplied context. A one-line request asks the model to invent its own standards, while a substantial reference document gives it explicit principles and structural requirements.

  • Generic prompts provide no quality standard
  • Detailed context constrains the model's decisions
  • Personalized reference material can encode the user's preferred way of working

“your results are inferior to my results because I am giving it a 33 page template to work from to construct my landing pages.”

Kieran Flanagan · 03:30
#prompting#context#landing-pages

Hot Take· 2

Hot Take13:30

Claude Produces a Surprisingly Strong One-Shot Landing Page

Claude creates a credible page mockup from the same information, including a focused hero, calls to action, feature sections, proof points, testimonial placement, and compliance language. The hosts consider the result unusually strong for a single request, though they still identify copy and design edits they would make.

  • The hero copy communicates the pain and desired outcome
  • The page includes feature, proof, testimonial, and CTA sections
  • The output is impressive for a one-shot request
  • Claims and placeholder content still require verification

“I like the stop drowning in sport tickets. Start scaling with trusted AI assistance, seamlessly in HubSpot.”

Kipp Bodnar · 14:00

“as a one shot question still is incredibly impressive.”

Kieran Flanagan · 15:00
#claude#prototyping#landing-pages
Hot Take23:30

AI Compresses Days of Landing Page Work Into an Hour

The hosts conclude that AI can now cover much of the strategy, copy, design, and coding work that previously required multiple specialists and a longer production cycle. They stress, however, that deployment, bug checking, and some developer edits remain outside the demonstrated result.

  • The prototype was produced in under an hour
  • Comparable work previously took days or weeks
  • The process reduced reliance on traditional design tools
  • Production hosting and technical review were still required

“this before would have taken days or weeks, right? And multiple resources”

Kipp Bodnar · 23:30

“we didn't use a single traditional design or landing page tool”

Kieran Flanagan · 24:00
#productivity#marketing-operations#ai-coding

Explainer· 1

Explainer19:00

Deep Research Can Reconstruct a Brand's Public Visual Language

The hosts demonstrate that public information can be used to assemble a detailed creative style guide for an established brand. The research captures logo usage, color palettes, imagery, and iconography, allowing a coding model to restyle a page without proprietary brand documents.

  • Public sources can reveal major brand-system patterns
  • The guide can include logos, colors, imagery, and iconography
  • The approach can imitate admired brand styles
  • Publicly inferred guidance should not be treated as an official brand standard

“for any brand, you can run a deep research project to get all of the styles.”

Kipp Bodnar · 19:00

“It gives you the exact color palettes, how we use imagery and iconography, right?”

Kipp Bodnar · 19:30
#brand-design#style-guides#deep-research

Tool· 2

Tool07:00

Gemini Turns Marketing Strategy Into a Detailed Text Wireframe

Gemini 2.5 Pro generates a comprehensive page plan from the product strategy and landing-page research. Its output includes section structure, visuals, calls to action, FAQs, differentiation, form behavior, page-speed guidance, and A/B testing notes, even though the model is not presented as the best visual mockup tool.

  • The model reasons well about marketing strategy
  • Its output functions as a text-based wireframe
  • The specification includes implementation and experimentation notes
  • Visual rendering remains a separate concern

“it's essentially a text based wireframe, right?”

Kipp Bodnar · 08:00
#gemini#wireframes#marketing-strategy#ai-tools
Tool11:30

ChatGPT's Image Mockup Looks Fine but Struggles With Text

The hosts test ChatGPT image generation with the same source material used for the coded page. It produces a recognizable landing-page concept and product image, but its text handling remains weaker than the code-oriented alternatives.

  • The mockup exceeded the host's expectations
  • The model produced useful visual direction
  • Long or precise page text remained a weakness
  • Image generation was not the strongest route to a production page

“It's still struggling. It needs more GPUs and another round of cycling to handle all the text.”

Kipp Bodnar · 11:30

“It did better than I thought it was going to be.”

Kipp Bodnar · 11:30
#chatgpt#image-generation#mockups

Takeaway· 2

Takeaway15:30

The Strongest Copy Connects Pain Directly to Product Value

The revised pages improve when they name concrete pains and pair them with specific outcomes. Examples include after-hours backlogs, rising support costs, routine inquiries frustrating skilled agents, instant cited answers, and rapid setup within HubSpot.

  • Lead with recognizable customer pain
  • Quantify benefits only when evidence supports them
  • Contrast the current problem with the product-enabled outcome
  • Use concrete operational language instead of abstract feature claims

“No wild guesses, just trustworthy info.”

Kieran Flanagan · 15:30

“Active in minutes, not months. Is a great ESRI, what story?”

Kipp Bodnar · 17:30
#copywriting#customer-pain#value-proposition
Takeaway23:00

A Better-Looking Page Can Still Have a Worse Headline

Applying a brand palette improves visual compliance but can inadvertently rewrite effective messaging. The hosts flag that design and copy need to be merged deliberately rather than trusting a styling pass to preserve every successful element.

  • Visual improvement does not guarantee messaging improvement
  • Approved copy should be locked during restyling
  • Compare versions section by section
  • Merge the best design and copy rather than accepting one complete output

“Hey, it's more compliant with HubSpot. It made some of the copy worse.”

Kipp Bodnar · 23:00

“this headline is way worse than the previous headline.”

Kipp Bodnar · 23:00
#visual-design#copywriting#iteration