Components: Trust Badges

Guides trust badge design and placement for conversion. Trust badges borrow authority from third-party organizations to signal legitimacy and reduce purchase anxiety.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Initial Assessment

Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for key partners and certifications.

Identify:

Site type: E-commerce, SaaS, lead gen
Available badges: Security, payment, reviews, guarantees
Placement goals: Hero, checkout, product pages

Badge Types & Impact

| Type | Best Placement | Conversion Impact | |------|----------------|-------------------| | Security (SSL, Norton, McAfee) | Checkout, payment forms | +15–10% for unfamiliar brands | | Payment logos (Visa, PayPal, Stripe) | Checkout, cart | +8→2% trust | | Money-back guarantee | Product, checkout | +6–10% | | Reviews/ratings (Trustpilot, BBB) | Product, hero | +12→8% | | Privacy/compliance (GDPR, CCPA) | Forms, checkout | Data-sensitive transactions |

"Trusted by" logos: Client/customer logos in hero or footer; social proof for B2B. "As Seen In" (press coverage): Publication logos; see press-coverage-page-generator for media mentions aggregation.

Best Practices

Quantity

3→ badge types max; more can cause "badge bloat" and reduce conversions by 5→%
Quality over quantity; use only legitimate, verifiable badges

Placement

Highest leverage: Cart and checkout (near payment fields)
Product pages: Near add-to-cart button
Hero: "Trusted by" logos for brand credibility
Footer: Secondary trust signals

Authenticity

Use only real, verifiable badges
Fake or irrelevant badges create skepticism
Link to verification where appropriate

Design Guidelines

Consistent size and style; don't mix clashing visuals
Image optimization: Alt text, format—see image-optimization
Adequate spacing; avoid clutter
Grayscale or muted for "Trusted by" logos (don't compete with primary content)
Ensure badges are recognizable at display size

Accessibility

Provide alt text for badge images (e.g., "Norton Secured")
Don't rely on badges alone for critical information

Output Format

Badge recommendations by type and placement
Placement map (hero, product, checkout)
Quantity guidance (avoid bloat)

Related Skills

landing-page-generator: Trust signals as step 2 (earn trust) in landing page flow
hero-generator: "Trusted by" often in hero
testimonials-generator: Complementary social proof
cta-generator: Badges near CTAs increase conversion
pricing-page-generator: Trust badges on pricing pages
image-optimization: Badge image optimization (alt, format)
press-coverage-page-generator: "As Seen In" publication logos; similar visual treatment; distinct (press = media coverage; trust-badges = security, payment, reviews)
brand-protection: "Official website" badges to distinguish from impersonation sites