AI Skill Report Card
Creating Premium Hero Sections
Quick Start15 / 15
Hero Formula:
[POWER WORD] + [BENEFIT] + [TARGET AUDIENCE]
Subtext: [HOW] + [TIMEFRAME/OUTCOME]
CTA: [ACTION VERB] + [VALUE PROPOSITION]
Example:
"Transform Your Business Data Into Actionable Insights"
"AI-powered analytics that help growing companies make better decisions in minutes, not months"
CTA: "Start Analyzing for Free"
Recommendation▾
Add specific metrics or benchmarks for what makes a 'premium' hero section (conversion rates, engagement metrics)
Workflow14 / 15
Phase 1: Research & Strategy
- Identify target audience and pain points
- Define unique value proposition
- Choose emotional trigger (urgency, exclusivity, transformation)
- Select power words for impact
Phase 2: Copy Creation
- Write compelling headline (6-10 words ideal)
- Create supporting subtext (1-2 sentences)
- Design primary CTA
- Add social proof element
Phase 3: Design & Polish
- Choose visual hierarchy
- Select background treatment
- Position elements for conversion
- Test readability and impact
Recommendation▾
Include a section on A/B testing different hero variations with concrete testing frameworks
Examples18 / 20
Example 1: SaaS Platform Input: AI task management tool Output:
- Headline: "Never Miss Another Deadline"
- Subtext: "AI-powered task prioritization that adapts to your workflow and keeps your team 30% more productive"
- CTA: "Start Free Trial"
Example 2: Agency Input: Web design agency Output:
- Headline: "Websites That Convert Like Crazy"
- Subtext: "Premium web experiences designed to turn visitors into customers. No templates, just results."
- CTA: "See Our Work"
Example 3: E-commerce Input: Sustainable fashion brand Output:
- Headline: "Fashion That Doesn't Cost the Earth"
- Subtext: "Ethically made, beautifully designed clothing that makes you look good and feel even better"
- CTA: "Shop Collection"
Recommendation▾
Provide more specific guidance on background treatments and visual design beyond just font sizes
Best Practices
Copy Guidelines:
- Use active voice and strong verbs
- Include numbers when possible (30% faster, 5x growth)
- Address the outcome, not the feature
- Keep headlines scannable in 3 seconds
- End questions with question marks sparingly
Visual Hierarchy:
- Headline: 48-72px font size
- Subtext: 18-24px font size
- CTA: High contrast, button form
- Supporting elements: 14-16px
Conversion Elements:
- Single primary CTA (avoid choice paralysis)
- Social proof near CTA
- Benefit-focused messaging
- Clear next step
Common Pitfalls
- Feature-focused headlines - "Advanced AI Technology" vs "10x Faster Data Analysis"
- Generic power words - Avoid overused terms like "revolutionary" or "innovative"
- Weak CTAs - "Learn More" vs "Get My Free Analysis"
- Information overload - Too many messages dilute impact
- Missing urgency - No reason to act now vs later
- Unclear value - Vague benefits instead of specific outcomes
Template Library:
- Problem/Solution: "Stop [Pain Point]. Start [Benefit]."
- Transformation: "From [Current State] to [Desired State] in [Timeframe]"
- Exclusivity: "Join [Number] [Type] Who [Achievement]"
- Urgency: "[Benefit] Before [Deadline/Consequence]"