Landing page audit report

The page never shows a single testimonial, customer logo, user count, rating or case result. For a beta tool asking for an email, there is nothing to make a first-time visitor believe others use and trust it. The only 'proof' shown is product UI screenshots of the tool itself.

Fix: Add a proof strip below the hero CTA: 2-3 named testimonials with role/company, or a 'used by designers at X' logo row, or a concrete number (e.g. beta signups). Even a short founder quote with a face beats nothing.

DOM facts show all three nav anchors (#how-it-works, #features, #faq) have scroll-margin-top of 40px while the pinned header is 73px tall, so landsUnderHeader is true for each. Clicking a menu item scrolls the target heading up behind the fixed header where the visitor can't see it.

Fix: Raise scroll-margin-top on each anchor target to at least 80px (header 73px + a little breathing room) so the section heading lands fully below the pinned header.

Body and supporting text is rendered in mid-gray on a near-black background across the hero subhead, step descriptions and comparison paragraph (e.g. the 'Why not Mobbin, Miro, or GoFullPage?' block on page 9). This sits below comfortable contrast and is tiring to read at length.

Fix: Lighten body text to a higher-contrast gray (aim for at least 7:1 on the dark background) and reserve the dimmest gray only for tertiary labels.

The hero headline renders 'UX research' in a noticeably darker gray than the rest of the line, making the most important phrase the hardest to read and fracturing the headline visually.

Fix: Use a single consistent high-contrast weight/color for the whole H1, or use the accent green only on the key phrase rather than dimming it.

The footer offers only a copyright, Live board, Privacy, Terms and a support email. There is no company name/entity, address, or about link to reassure a visitor handing over their email to a beta product.

Fix: Add minimal company identity (legal entity, location if applicable) and an about/contact link alongside the existing legal links to strengthen trust.

The FAQ includes 'What does it cost?' but the answer is collapsed and the page repeatedly says 'Free while in beta' without explaining what happens after beta. Price uncertainty is a common conversion blocker left unresolved in the visible flow.

Fix: State pricing clearly near a CTA (e.g. 'Free during beta, paid plans later starting at $X') or expand the cost FAQ answer so the objection is pre-empted before the final CTA.

DOM facts report the H1 at 80px. On a 375px-wide phone a headline of that size with a long phrase ('Competitor UX research without the screenshot chaos') will wrap awkwardly or overflow unless it is scaled down responsively.

Fix: Use a fluid/clamped font size for the H1 (e.g. clamp(2.25rem, 8vw, 5rem)) so it scales down gracefully on mobile.

On the first screen the header shows only nav links (How it works, Features, FAQ) with no visible Join button, while later screens show a prominent green Join. The strongest conversion moment — first paint — is missing the persistent CTA in the nav.

Fix: Show the green Join button in the header from the top of the page, not just after scroll, so a decision-ready visitor always has a one-click path.

The 'Three steps, one shortcut' section heading (and its WORKFLOW eyebrow) reappears at the top of screens 3, 4 and 5 as each step scrolls, and the DOM lists the H2 twice. This creates visual repetition that can read as duplicated content rather than a single pinned section.

Fix: Ensure the workflow heading renders once and the steps scroll beneath it, and remove the duplicated H2 from the markup.

On screens 3, 4 and 5 the step description occupies a narrow column and the entire right two-thirds of the viewport is empty, making the page feel unfinished and forcing extra scrolling to get through three short steps.

Fix: Pair each step with a visual (an actual capture example or animated demo) in the empty right column, or tighten vertical spacing so the three steps read as a compact sequence.

Above the fold the left half is filled with a dark stack of board thumbnails ('Components part', 'Inspiration part', 'Landing refs') that are visually busy but hard to parse, competing for attention with the headline and CTA on the right.

Fix: Simplify the hero visual to one clear product frame that shows the outcome (a finished board), or reduce its contrast so the headline and CTA remain the single focal point.

A faint Screela 'S' mark sits alone in the empty area on page 2 (and small logo badges appear mid-canvas on the workflow screens), reading as an orphaned decorative element with no clear purpose.

Fix: Remove or repurpose the floating brand mark, or tie it to meaningful content so it doesn't look like a rendering artifact.

The 'Is the extension safe?' FAQ makes strong claims (minimal activeTab permission, open source) but there are no supporting cues — no GitHub link visible, no security badge — so the reassurance rests entirely on unverified copy.

Fix: Link the 'open source' claim to the actual repo and surface a small privacy/security cue near the email capture, since you're asking users to install a browser extension.

The closing 'Get early access' CTA repeats the hero and reuses the 'Free while in beta' reducer, which is good, but there's no indication of what happens after submit (instant access, waitlist, email confirmation).

Fix: Add a one-line expectation under the final CTA (e.g. 'We'll email your install link within minutes — no card required') to reduce last-step hesitation.

The 'Made for people who study products for a living' cards (Product designers, UX agencies, PMs & founders) label each audience with a short task but don't connect to a concrete benefit, so they read as tags rather than persuasion.

Fix: Extend each persona card with a specific outcome (e.g. 'Ship the audit deck a day sooner') so the section advances the decision instead of just categorizing readers.

Suggested <title>: Competitor UX Research Screenshots on One Board — Screela

Suggested meta description: Capture full-page desktop + mobile screenshots of any user flow with one shortcut, organized on an infinite board. Built for competitive UX research.

The current <title> is 83 characters ('Screela — Capture competitor user flows as full-page screenshots on one board') and will be truncated in SERPs. Cut to ~55 chars, e.g. 'Competitor UX Research Screenshots on One Board — Screela', keeping the primary keyword 'competitor UX research' near the front.

The meta description runs ~230 characters and will be cut off around 155. Trim to a single benefit-led sentence such as the suggested description so the CTA about 'one shortcut' and 'competitive UX research' survives truncation. Mirror the same text in og:description.

The 'Three steps, one shortcut' H2 and its child H3s ('Start a flow', 'Walk the product', 'Get a finished flow') appear twice in the DOM. Duplicate headings dilute topical structure — remove or hide the redundant copy (likely a mobile/desktop variant rendered twice) so each heading appears once.

Lighthouse flags a link with no accessible name — likely the logo or an icon-only anchor in the sticky 73px header. Add visible text or an aria-label (e.g. aria-label="Screela home") so screen readers and crawlers can interpret the link.

Low-contrast text fails WCAG AA (accessibility 92). Likely the muted grey supporting copy against a light background. Darken secondary text to reach at least 4.5:1 for body (16px) copy.

Mobile LCP is 9,745ms against a 2,500ms target. With only 2 images and a 3,752KB page, the largest element is almost certainly the hero visual near the 80px H1. Serve it as a properly sized, compressed WebP/AVIF, add fetchpriority="high" and preload it, and defer everything else so the hero paints first.

3,752KB is very heavy for a 651-word landing page. Audit the hero/board imagery (and og-image2.png-style assets) — resize to actual display dimensions, convert to AVIF/WebP, and lazy-load any below-the-fold board previews so they don't compete with the LCP element.

TBT is 411ms, delaying interactivity for the two email-capture forms and the sticky header nav. Code-split and defer non-critical JS (analytics, board/animation scripts), and load third-party tags with async/defer so the 'Get early access' form is usable sooner.

Anchor targets (#how-it-works, #features, #faq) currently land under the 73px sticky header despite a 40px scroll-margin-top. Increase scroll-margin-top to ~80px so in-page navigation lands cleanly — small UX/perceived-performance win.