Teardown: notion.com
Notion's page is operating from a position of strength: the social proof is among the best on the internet, and the design is clean. But the hero is currently making a bet that costs conversions — it leads with a clever product launch line instead of telling a first-time visitor what Notion is. That's the whole game here.
Fix these three first
The headline doesn't say what the product does
A visitor who doesn't already know Notion learns nothing about the category, the job, or the value. Replace it with a headline that names the outcome ("One workspace. Docs, projects, and AI that does the work.") and demote "Meet the night shift." to an eyebrow or a section further down where the agents story belongs.
The single best proof asset is buried below the fold
"Over 100M users worldwide" and "Trusted by 98% of the Forbes Cloud 100" sit under the hero, after the CTAs. Pull one hard number directly beneath the subhead so it's working while the visitor is still deciding whether to read on.
The CTA promises nothing about cost or commitment
"Get Notion free" is good, but there's no "no credit card required" or "free for personal use" microcopy anywhere near it. Add one line under the button — it removes the single most common pre-click hesitation at near-zero design cost.
1 Above-the-fold clarity
Observed: Headline is "Meet the night shift." with subhead "Notion agents keep work moving 24/7. They capture knowledge, answer questions, and push projects forward—all while you sleep." No eyebrow above the headline.
Why it costs conversions: The five-word headline is a launch slogan, not a value statement. It assumes the visitor already knows Notion is a workspace and that "agents" is a feature they want. A cold visitor — exactly the person a homepage exists to convert — has to read the entire subhead before they understand they're even looking at a productivity tool, and the subhead leads with "agents" rather than the platform. You've front-loaded the newest feature ahead of the product itself.
Fix: Lead the headline with the product and the outcome; let the agents narrative be the second beat. Add a one-word eyebrow ("The connected workspace" or similar) so the category registers in under a second. Keep "Meet the night shift." as the headline of the Agents section lower down, where it lands with context.
2 Value proposition
Observed: "Notion agents keep work moving 24/7. They capture knowledge, answer questions, and push projects forward—all while you sleep."
Why it costs conversions: This is a strong proposition for one feature, presented as the proposition for the whole product. The actual reason 100M people use Notion — docs, projects, and knowledge in one place — appears nowhere above the fold. You're selling the new wing of the house before showing anyone the house. New visitors can't map "agents" onto a job they have today; existing-category shoppers comparing workspaces get no comparison hook.
Fix: State the platform value first ("Write docs, run projects, and search everything your team knows — in one place"), then layer the agents differentiator as the thing that's new. The agents copy is well-written; it's just in the wrong slot.
3 Hero CTA
Observed: Primary "Get Notion free", secondary "Request a demo". No email field, no risk-reversal microcopy near the buttons.
Why it costs conversions: The button verb is right and the dual self-serve/sales split is correct for a PLG-plus-enterprise motion. What's missing is the half-second of reassurance that converts hesitation into a click. There's no "no credit card required," no "free for personal use," no signal of how fast you're in. "Request a demo" also carries no expectation-setting (how long, with whom).
Fix: Add microcopy under the primary button: "Free for individuals — no credit card required." This is the cheapest conversion gain on the page. Optionally annotate the demo CTA ("15 min with our team") to reduce the perceived cost of clicking it.
4 Social proof
Observed: Logos include OpenAI, Figma, Ramp, Cursor, Vercel, Nvidia, Toyota. Metrics: "Over 100M users worldwide", "Trusted by 98% of the Forbes Cloud 100", "62% of Fortune 100", "Over 50% of YC companies", "#1 knowledge base 3 years running (G2)". OpenAI testimonial: "There's power in a single platform where you can do all your work. Notion is that single place."
Why it costs conversions: This isn't a weakness — it's the strongest part of the page. The only mistake is placement: all of it sits below the hero, so the proof isn't reinforcing the headline at the exact moment of the read/click decision. Proof this good should be doing work in the first viewport, not waiting for a scroll.
Fix: Surface one number in the hero itself — "Over 100M users worldwide" or "Trusted by 98% of the Forbes Cloud 100" — as a single line beneath the subhead. Keep the full logo wall and metrics where they are. One borrowed credibility line above the fold is the highest-leverage move available.
5 Friction & objections
Observed: "No pricing information, free plan details, 'no credit card required,' or trial terms appear near the CTAs in the hero section."
Why it costs conversions: The two unanswered objections at the moment of click are "what does it cost me" and "what am I committing to." Neither is addressed in the hero. For a free-to-start product, leaving the "free" terms implicit forces the cautious visitor to go hunt for pricing — and some of them leave instead.
Fix: Resolve it with the CTA microcopy from section 3. One line clears the two biggest objections at once. No design change required.
6 Visual hierarchy
Observed: Hero → social proof → Custom Agents → on-demand assistants → Agent showcase → Enterprise Search → AI Meeting Notes → Docs/Knowledge Base/Projects → testimonials → trust metrics/footer.
Why it costs conversions: The visual design itself is clean and uncluttered — this is a genuine strength. The issue is narrative sequencing: four consecutive AI/agents sections run before the core product (Docs, Knowledge Base, Projects) appears. A visitor evaluating Notion as a workspace has to scroll through the entire AI story before reaching the foundation they came to assess. The page is structured around the launch, not the buyer's evaluation order.
Fix: Move at least one core-product proof point (Docs/Projects/Knowledge Base) above or interleaved with the agents sections, so the foundational value is established before the differentiator. Don't make a workspace shopper wait four sections to see the workspace.
7 Mobile
Observed: Button-only CTAs, short headline, no heavy hero form.
Why it costs conversions: This is largely a strength — short headline and tap-target buttons travel well to small screens, and there's no multi-field form to wrestle on mobile. The one caveat is that the deep nested nav (Product / Solutions / Resources mega-menus) tends to collapse into a long accordion on mobile; verify the two hero CTAs stay above the fold on a standard phone viewport and aren't pushed down by the collapsed nav. No structural problem evident.
Fix: Confirm both CTAs render in the first mobile viewport without scrolling. If the CTA microcopy is added (section 3), keep it to a single line so it doesn't push the buttons down on small screens.
8 Page-speed signals
Observed: Hero is text plus product-showcase media across many sections; no hero email form; image-heavy feature showcases stacked down the page.
Why it costs conversions: Can't measure Core Web Vitals from a fetch, so this is a flag rather than a finding. The risk on a page like this is LCP and layout shift from the large product visuals in and just below the hero. On a marketing homepage, every 100ms of hero delay measurably shaves conversions.
Fix: Run the live page through PageSpeed Insights / Lighthouse and check LCP, CLS, and total hero payload specifically. Prioritize lazy-loading the below-fold showcase media and reserving image dimensions to prevent shift. Treat this as "verify," not "assumed broken."
9 Conversion path / next step
Observed: Two hero CTAs ("Get Notion free", "Request a demo") plus header "Get Notion free" / "Log in" / "Pricing" / "Request a demo".
Why it costs conversions: The path itself is sound — clear self-serve and sales tracks, repeated in the header so the CTA is always reachable. The weakness is upstream: because the hero doesn't establish what the product does or surface proof, the visitor reaches the CTA under-motivated. The button works; the page hasn't earned the click yet by the time the visitor sees it.
Fix: The fixes in sections 1, 2, and 4 do the heavy lifting here — a clearer headline, platform-first value, and one proof line will raise the motivation a visitor brings to the same well-designed CTA. The path needs no structural change.
Three hero rewrites you could paste in tomorrow
The connected workspace where docs, projects, and AI come together.
Write, plan, and find anything your team knows in one place — now with agents that keep work moving 24/7, even while you sleep.
CTA: Get Notion free · No credit card required / Request a demo. Platform-first (broadest reach): names the category and job in the first line so cold visitors convert, while preserving the agents differentiator as the second beat.
100M people run their work in Notion. Now their agents do too.
One workspace for docs, projects, and knowledge — with Notion agents that capture knowledge, answer questions, and push work forward around the clock.
CTA: Get Notion free · Free for individuals / Request a demo. Proof-led (leans on the best asset): pulls the strongest proof number into the headline itself, so credibility is doing work at the decision point instead of below the fold.
Eyebrow: The connected workspace
Meet the night shift.
Notion agents capture knowledge, answer questions, and push projects forward 24/7 — on top of the docs, projects, and search 100M people already trust.
CTA: Get Notion free · No credit card required / Request a demo. Outcome-led (keeps the launch energy): keeps Notion's current creative line but adds an eyebrow for instant category clarity and a proof anchor in the subhead — the lightest-touch fix if they're attached to the existing headline.