UI
Landing Page Design
Built for landing pages, not homepages. One offer → one audience → one primary action: intake, structure and copy first, then non-negotiable visual rules.
What you get
- A conversion-first page structure and section list
- Copy frames for headlines, CTAs, and objections
- Hard rules for type, spacing, radius, backgrounds, and motion
Good for
- A new product or campaign needs a dedicated landing page
- An existing landing converts poorly and needs structure/copy rebuilt
- Agents keep turning marketing pages into multi-intent homepages
Not a fit
- You need a whole-site visual direction from zero. Use frontend-design
- You need a11y / polish review of existing UI. Use impeccable
- Operate/tool UI. This skill is for Persuade landings
Practical example
Structure a trial-conversion landing and the above-the-fold
Input / task
AI meeting-notes product; primary action is "Start 14-day trial"; audience is remote teams.
Visible deliverable
1. Lock one offer, one audience, one primary action (trial) 2. Above the fold: outcome headline, clarifying subhead, primary CTA, one proof signal, hero visual 3. Below: how it works → social proof → pricing/risk reversal → CTA again 4. Apply hard visual rules for type, spacing, radius, backgrounds, motion 5. Do not turn it into a multi-intent homepage
Deliverables
- Section outline
- Above-the-fold copy and CTA
- Implementation or hi-fi notes under the hard rules
Acceptance checks
- Exactly one primary action
- Above-the-fold five-piece set present
- Not a multi-intent homepage
Note: examples demonstrate inputs, outputs, and acceptance criteria. Unless explicitly stated, they are not claims of real client work or production testing.