typeform.com - what survives the squint?

What is working - keep all of this

• Desktop CTA has an uncontested monopoly on contrast. One white pill on a near-black hero, centred, nothing else competing. Both nav CTAs are visually quieter. On desktop there's no ambiguity about where to click, and the page closes on the same button under "AI forms and automation. All in Typeform." — the loop shuts properly.
• The proof is specific and attributed, not decorative. "SmartBug Media increased sales leads by 40% with one form", "Double Denim Marketing drove $3.67 million in sales", "Viva scaled talent acquisition and cut time to hire by 75%" — named companies attached to specific numbers, sitting under "Join 150,000+ businesses driving revenue with Typeform" and a logo row including Slack, HubSpot, Webflow and Zapier. Most pages I look at have a logo wall and nothing else. This has both.
• Feature sections are quantified. 48 million responses monthly, 3.5x more data, doubled completion rate vs traditional forms, 92% B2B / 71% B2C match rates, 400+ targeting criteria. Every product section carries at least one number rather than an adjective. That's rare and it's the reason the mid-page reads as credible rather than promotional.
• The three-product architecture is coherent. ASK / ACT / LEARN mapped to Intelligent Forms, Growth Flow and Research Flow gives a company with three product lines a single organising story instead of a feature dump, and the mid-page transition "When the form ends, the flow begins..." earns the move from product one to product two.

1 · The squint test

Blur the page and look at what survives. Try it yourself:

👁 Squint at it

What survives the blur: the Typeform wordmark, the long centred headline, and the single high-contrast white pill at y≈434-480 still form a clean vertical spine — one brand, one statement, one button. The three-card row below reads unmistakably as "three things this does".

What does not survive: who it's for and which of the three cards applies to me. Blurred, ASK / ACT / LEARN are three identical grey rectangles with no icon, image, or shape difference to distinguish them, and the two NEW badges are the only colour in the row — which draws the eye to the newest products rather than the most understood one. The cookie strip across y≈740-900 reads as a second content band and steals the bottom of the composition.

2 · Annotated walkthrough

The fold

1. Eyebrow "AI FORMS & AUTOMATION" sits at y≈127 in purple; it does the category-naming job the headline skips.
2. Headline occupies y≈165-310 in large serif; subhead at y≈340-390 in two lines. Comfortable, not crowded.
3. The CTA is a white pill roughly 212x46 px at y≈434-480, dead-centre. It's the only high-contrast element on the screen, which is exactly right.
4. Between the button (y=480) and the cards (y=528) there is 48px of empty dark space — the natural home for a proof line that currently lives thousands of pixels below.
5. Three cards run y≈528-724 with ASK / ACT / LEARN labels. Nothing in their styling signals they're clickable — no arrow, no hover affordance visible.
6. The cookie consent block occupies y≈740-900 across the full width, and "Accept all cookies" at y≈773-809 is the second-most-prominent button in the viewport.
7. No product screenshot, form preview, or video appears above the fold. For a company whose differentiator is how its forms look, that's a missed shot.

Mobile

1. The consent panel starts at y≈462 and runs to the bottom of the 844px viewport — 45% of the first screen given to a compliance widget.
2. "Get started—it's free" is not on the mobile first screen. The only actionable button above the fold besides the nav is "Sign up" in the header and "Accept all cookies" at y≈642-685.
3. "Accept all cookies" is a full-width filled button — visually the dominant CTA on the screen, competing directly with the signup path.
4. The headline breaks across five lines from y≈140 to y≈345, over a third of the viewport height, before any value claim appears.
5. The subhead ends around y≈450 and is immediately clipped by the consent panel, so the last thing a visitor reads before the interruption is "All in Typeform."
6. Header is tidy: logo at top-left ~y=35, "Sign up" pill and hamburger top-right. That part scales well.
7. None of the three ASK/ACT/LEARN cards are reachable on the first screen, so mobile visitors get no product differentiation before scrolling past the consent layer.

3 · Copy critique, with rewrites

4 · Structure, CTA & proof audit

Structure first. The desktop fold at 1440x900 is doing textbook work: eyebrow at y≈127 that names the category, a two-line serif headline occupying y≈165-310, a two-line subhead, one white pill button at y≈434-480, and three product cards starting at y≈528. Reading order is unambiguous and the only bright element on a near-black page is the CTA. That is the correct hierarchy, and I would not touch it. The one thing missing above the fold on desktop is any picture of the product — the Wistia video and the first product image sit below the cards. For a tool whose entire historical differentiator is that its forms look and feel better than everyone else's, showing zero pixels of a form in the first screen is a real omission. A small looping form preview in place of, or beside, the three cards would carry more weight than the three card descriptions combined.

The three-card block is the strategic gamble of this page. ASK / ACT / LEARN splits Typeform into Intelligent Forms, Growth Flow and Research Flow, which is honest about where the company is going but asks a first-time visitor to pick a mental model before they've seen anything. Two of the three carry NEW badges, which reads internally-oriented — NEW is meaningful to an existing customer and noise to a stranger. In the screenshot the cards also read as static text panels; nothing signals they're clickable. Each has an obvious destination (/forms, /growth, /research-flow) already in the nav, so wiring them up and giving them an arrow costs almost nothing and gives self-selecting visitors a path that isn't the signup button.

CTA. There is exactly one action in the hero, "Get started—it's free", pointing at admin.typeform.com/signup, and "Contact sales" and "Sign up" in the nav. Singular focus is good. The page also closes on "AI forms and automation. All in Typeform." with the same button, so the loop shuts properly. What's absent is any risk-reducing microcopy under the button — no plan detail, no card requirement, nothing. And there's no secondary path for the visitor who isn't ready to create an account; the demo video exists but is below the fold and not linked from the hero.

Proof. Once you scroll, this page is proof-rich: "Join 150,000+ businesses driving revenue with Typeform", a logo row with Slack, HubSpot, Webflow, Zapier, Calendly, WeTransfer, Hermès, L'Occitane, and three named outcome cards — SmartBug Media +40% sales leads, Double Denim Marketing $3.67M in sales, Viva 75% faster time to hire. There are also hard product numbers scattered in the feature copy: 48 million responses monthly, 3.5x more data, 92%/71% B2B/B2C match rates, 400+ targeting criteria. All of it is downstream of the decision moment. The fold has no numbers, no logos, no counts. Typeform's brand is strong enough to survive that on desktop; the mobile visitor who never scrolls past the cookie sheet gets nothing.

Mobile is where this page actually leaks. On a 390x844 viewport, the headline eats y≈140-345 across five lines, the subhead runs to y≈450, and the OneTrust cookie sheet takes everything from y≈462 to the bottom — 45% of the first screen. The primary CTA is not on the first screen at all. The largest, highest-contrast button a mobile visitor sees is "Accept all cookies". Whatever the desktop hero earns, mobile hands to a compliance widget. That single fix — a compact bottom bar instead of a half-screen sheet — is worth more than every copy change in this report.

5 · Prioritized fix list

Ranked by expected conversion impact against implementation effort. Do the top three this week.

1. Shrink the mobile cookie sheet so the hero CTA is visible.

   On the 390x844 mobile fold, the OneTrust sheet occupies y≈462 to 844 — 45% of the first screen — and "Accept all cookies" at y≈642-685 is the biggest, highest-contrast button a mobile visitor sees. "Get started—it's free" is not on the first screen at all. Replace the full-panel sheet with a slim bottom bar (~90-110px tall) on viewports under 500px wide, or delay its appearance by one scroll event. This is a config change in the consent tool, not a rebuild, and it is the single highest-leverage thing on this page.

   Impact: highEffort: low
2. Reduce mobile headline type size to buy back CTA space.

   The mobile headline runs five lines from y≈140 to y≈345. Cutting the mobile clamp by roughly 15-20% and tightening line-height would recover ~60-70px and pull the CTA toward the fold even before the cookie fix. Target: eyebrow, headline, subhead and button all inside the first 844px.

   Impact: highEffort: trivial
3. Rewrite the hero subhead around the numbers already on the page.

   The subhead "Combine AI forms and automated workflows to drive revenue growth. Run in-depth research and manage the entire customer lifecycle. All in Typeform." stacks three abstractions. The page already owns concrete numbers further down — 3.5x more data, 48 million responses monthly, enrich/segment/follow up. Pull those up. See the rewrite in section 3.

   Impact: highEffort: trivial
4. Put one proof number above the fold.

   "Join 150,000+ businesses driving revenue with Typeform" and the Slack/HubSpot/Webflow/Zapier logo row are far below the fold. Add a single quiet line under the CTA — customer count plus the monthly response volume — or a compact logo strip. Right now the desktop fold at y≈480-528 is empty space between the button and the cards; that's where it goes.

   Impact: mediumEffort: low
5. Make the three product cards clickable.

   The ASK / ACT / LEARN cards at y≈528-724 read as static text panels. Each maps to a page already in the nav (/forms, /growth, /research-flow). Link the whole card, add an arrow affordance, and you give the self-selecting visitor — the one who came for research, or for lead automation — a route that isn't a signup form.

   Impact: mediumEffort: low
6. Add a no-signup secondary path in the hero.

   There is one action in the hero and no lower-commitment alternative. The demo video exists below the fold; surface it as a text link next to the button ("Watch the 90-second tour" or similar, matched to the real runtime). Keep it visually subordinate — text link, not a second pill — so the primary CTA keeps its monopoly on contrast.

   Impact: mediumEffort: low
7. Reconsider the NEW badges for first-time visitors.

   The NEW badges on Growth Flow and Research Flow are meaningful to returning users and meaningless to a stranger. Consider gating them to logged-out visitors off, or swapping for a one-word outcome tag. Minor, but it removes an internally-oriented signal from the highest-attention block on the page.

   Impact: lowEffort: trivial
8. De-marquee the three customer outcome cards.

   "SmartBug Media increased sales leads by 40% with one form", "Double Denim Marketing drove $3.67 million in sales" and "Viva scaled talent acquisition and cut time to hire by 75%" are strong, specific claims currently rendered as logo-plus-headline cards in a scrolling marquee. A marquee makes them skippable. Make each card a static, clickable link to its story so the numbers get read and verified rather than glided past.

   Impact: lowEffort: medium