example output
what you receive.
this is a real critique output. the brief was a B2B SaaS landing page for a project management tool. the same structure applies to every submission.
first impression
the eye lands immediately on the headline — which is doing its job — but the transition to the feature grid below it is abrupt enough to feel like a hard cut rather than a conversation. the page reads competent, not confident.
understanding of the problem
the stated problem is clear: help small product teams coordinate without heavyweight tooling. but the page doesn't commit to this audience. the feature grid covers "enterprise-grade permissions," "advanced reporting," and "custom workflows" — these are mid-market concerns, not small-team concerns. a 5-person team doesn't need permissions. they need to stop losing decisions in Slack threads.
the designer's concern about the hero feeling disconnected is a symptom: the hero promises simplicity, but the features below it promise power. these are different value propositions for different buyers. the page needs to pick one.
what's working
the headline typography. the weight contrast between the bold primary statement and the lighter supporting copy underneath is well-judged. it creates genuine hierarchy without needing size alone to do the work — most landing pages lean too hard on scale.
the social proof placement. logo strip immediately below the CTA is correct. it's not buried, it's not screaming. it's exactly where trust signals belong.
the feature copy. short, declarative, benefit-first. "stop herding updates" is better than 90% of B2B feature copy. the instinct to lead with the problem is right.
decision quality
the strongest decision on this page is the restraint in the hero — one headline, one supporting line, one CTA. that's deliberate and it works.
the weakest decision is the feature grid structure. three equal-weight columns imply three equally important capabilities. but for a small team, "visibility" is the whole pitch — "coordination" and "speed" are supporting evidence, not peers. the layout is treating a hierarchy as a list. a stacked layout with visibility as a hero-weight section and the others as supporting would better match how this audience evaluates tools.
the testimonial placement (below features, above FAQ) feels default rather than deliberate. testimonials from small-team leads placed between the hero and features would bridge the disconnect the designer feels.
hierarchy & layout
the disconnect the designer spotted is real, and the cause is structural: the hero section and feature grid have different implied grid widths. the hero content sits in roughly 720px; the feature grid snaps to full bleed with 32px gutters. the eye reads them as belonging to different containers — because they do.
fix: constrain the feature grid's max-width to match the hero content column. the breathing room at the edges signals coherence, not emptiness.
secondary issue: the CTA button in the hero is left-aligned with the headline, but the feature grid CTAs are centred. pick one and hold it. left-aligned reads more intentional on a content-heavy B2B page — it implies "we're here to inform, not to sell you."
typography, spacing & craft
the body copy in the feature cards is 15px at 1.5 line height. at 280px card width, that's too tight — lines are running long relative to height. either bump to 1.65 or narrow the cards to ~240px and let three columns breathe.
the section headers above each feature cluster ("visibility", "coordination", "speed") are sitting at the same visual weight as the feature card headlines. they should be clearly subordinate or clearly superior — right now they're in an uncomfortable middle ground that makes the hierarchy fuzzy when scanning.
one callout: the spacing between the hero CTA and the logo strip is 48px, but every other major section gap on the page is 80px. the inconsistency reads as an accident, not a decision.
color & contrast
the primary blue (#1F5CE6) is strong — confident and accessible. but it's being diluted by overuse. it's on the primary CTA, the feature icons, the active nav state, and the testimonial highlight colour. when everything is blue, nothing is.
reserve the blue for one thing: the primary action. let the feature icons go neutral (dark warm grey, same family as the body text). the page will feel more sophisticated immediately.
the light grey surface on the feature cards (#F5F7FA) is barely distinguishable from the page background (#FAFBFC). this is a 4% lightness difference — it won't survive dark mode or low-quality monitors. go to #ECEEF2 or drop the surface treatment entirely and use border + shadow instead.
copy & content
the hero headline is "finally, project management your team will actually use." this is safe. it positions against the category (project management), not the alternative (the status quo — spreadsheets and Slack). the sharper version is "your team already knows how to use Slack — we built for that." it names the actual competition and makes the positioning concrete.
the FAQ section at the bottom reads like legal copy written by the product team, not a conversation written for a buyer. "what integrations does [product] support?" is an SEO-optimised question, not a real objection. the real objection is "my team won't adopt another tool." answer that one.
priority fixes
- pick one audience and commit. the hero speaks to small teams; the features speak to mid-market. strip "enterprise-grade permissions" and "advanced reporting" — replace with small-team language ("see who's doing what without asking," "decisions that don't get lost"). this solves the "two sites" feeling at the content level.
- align grid widths between hero and features. match the content max-width (720px or whatever the hero uses) across every section. this solves the "two sites" feeling at the structural level.
- reduce blue to one job. strip it from icons and testimonials. keep it on the primary CTA only. the brand reads more confident when it's selective.