Task Library
Confirms the lead magnet offer is shown with a visual mockup or preview image, because an offer people can see converts better than a text link.
Category: Website QA Audit
Use this when running Layer 2 (Content Architecture Checks) of the Website QA Audit – a lead magnet with no visual looks like nothing is actually being given away.
Inputs
- Site URL and the location of the lead magnet offer(s) (homepage section, popup, blog sidebar)
- The actual lead magnet file (to confirm the mockup honestly represents it)
- The audit report/spreadsheet for logging results
Steps
- Locate every place the lead magnet is offered on the site.
- Confirm each placement includes a visual representation: a cover mockup, device-screen preview, or first-page screenshot – not just a headline and button.
- Open the actual lead magnet and verify the mockup matches it – same title, same content; a mockup of a different or hypothetical asset fails.
- Check the mockup's rendering quality: sharp at the displayed size on desktop and mobile, not stretched or pixelated.
- Confirm the visual sits adjacent to the opt-in form/CTA so the offer and the action are one unit.
- Log each placement, its visual, and verdict in the audit report.
Definition of done (QA checklist)
- Every lead magnet placement includes a visual mockup or preview that accurately represents the real asset
- Mockup renders cleanly on desktop and mobile next to its opt-in CTA
- Placement verdicts logged in the audit report, linked back to /website-qa-audit
Example(s)
- Example needed – run the Meta-Article Prompt after first real run.
File in the zip: skills/website-qa-audit/check-lead-magnet-section-has-visual-mockup.md. Download the Task Library zip.
Index: Task Library. Article guidelines.