Granola shipped a redesigned marketing site this week and it’s the cleanest implementation of the “demo-as-hero” pattern we’ve seen this year. The hero is no longer a screenshot or a video. It’s a real recording widget you can click and watch transcribe in real time, sized to fit above the fold, with a 30-second demo audio file pre-loaded. Below the fold: a single column of three customer quotes, a one-sentence pricing line, and a CTA. That’s the whole homepage.
What’s working: they trust the product to sell itself the moment a visitor touches it. The 12-card feature grid that lived here last quarter was doing nothing the demo can’t do better in 4 seconds. What we’d push back on: the demo audio is a manufactured “team standup” clip that sounds too clean. Real meeting audio has cross-talk, filler words, the dog. A messier demo would land harder. Pattern to steal: if your product produces something visible (a transcript, a chart, a summary), embed the production step itself, not a screenshot of the result. The verb beats the noun.