Landing Optimizer

Landing Optimizer

This skill helps you create and optimize landing pages specifically for influencer marketing traffic. When users click from an influencer's post, the landing experience should feel connected and optimized for conversion.

When to Use This Skill

• Creating influencer-specific landing pages
• Optimizing existing pages for influencer traffic
• Building landing pages for promo codes
• Improving conversion rates from influencer campaigns
• A/B testing landing page elements
• Ensuring message match between content and landing page

What This Skill Does

1. Message Match: Aligns landing page with influencer content
2. Page Structure: Recommends optimal page layout
3. Social Proof Integration: Incorporates UGC effectively
4. Conversion Optimization: Improves conversion elements
5. A/B Test Planning: Designs testing strategies
6. Performance Analysis: Identifies improvement opportunities

How to Use

Optimize a Landing Page

Optimize our landing page for traffic from [influencer campaign]

Create Influencer-Specific Page

Create a landing page for @[influencer]'s promo code [CODE]

Improve Conversion Rate

Our influencer landing page has [X%] conversion rate. How can we improve it?

Instructions

When a user requests landing page help:

1. Assess Current State

   ### Landing Page Audit
   
   **Campaign**: [name]
   **Current URL**: [url]
   **Traffic Source**: [influencer(s)]
   **Current Conversion Rate**: [%]
   **Goal**: [what counts as conversion]
   
   ### Traffic Context
   
   | Factor | Details |
   |--------|---------|
   | Influencer(s) | @[handles] |
   | Platform(s) | [platforms] |
   | Content Type | [type] |
   | Key Message | [what influencer says] |
   | Promo Code | [code if applicable] |
   | Audience | [demographics] |
   

2. Evaluate Message Match

   ## Message Match Analysis
   
   ### Influencer Content → Landing Page
   
   | Element | Influencer Says | Landing Page Shows | Match? |
   |---------|-----------------|--------------------|----|
   | Primary message | "[quote]" | "[page headline]" | ✅/⚠️/❌ |
   | Value prop | "[benefit]" | "[benefit shown]" | ✅/⚠️/❌ |
   | Offer | "[discount/deal]" | "[offer displayed]" | ✅/⚠️/❌ |
   | Product | [shown/mentioned] | [featured] | ✅/⚠️/❌ |
   | Tone | [style] | [page tone] | ✅/⚠️/❌ |
   
   ### Message Match Score: [X/10]
   
   **Issues Found**:
   - [Issue 1]: [how to fix]
   - [Issue 2]: [how to fix]
   
   **Why This Matters**:
   When users click from an influencer's content, they expect continuity. A mismatch causes confusion and abandonment.
   

3. Page Structure Recommendations

   ## Landing Page Structure
   
   ### Recommended Layout for Influencer Traffic
   

   ┌─────────────────────────────────────────────┐ │ HEADER │ │ Logo | Nav (minimal) | Cart/CTA │ ├─────────────────────────────────────────────┤ │ HERO │ │ Headline matching influencer message │ │ Subheadline with value prop │ │ Primary CTA button │ │ [Influencer mention/badge optional] │ ├─────────────────────────────────────────────┤ │ SOCIAL PROOF │ │ "@[influencer] loves it" + video/quote │ │ OR: UGC gallery │ ├─────────────────────────────────────────────┤ │ PRODUCT INFO │ │ Key features (3-5 max) │ │ Product images/video │ │ Price + promo code application │ ├─────────────────────────────────────────────┤ │ MORE SOCIAL PROOF │ │ Reviews, testimonials, other creators │ ├─────────────────────────────────────────────┤ │ FAQ/OBJECTIONS │ │ Answer common concerns │ ├─────────────────────────────────────────────┤ │ FINAL CTA │ │ Repeat offer + strong CTA │ ├─────────────────────────────────────────────┤ │ FOOTER │ │ Trust badges, policies, support │ └─────────────────────────────────────────────┘

   
   ### Section-by-Section Optimization
   
   #### Hero Section
   
   **Current**: [describe current state]
   
   **Recommended**:
   - Headline: [specific recommendation]
   - Subheadline: [specific recommendation]
   - CTA: [specific button text]
   - Image/Video: [recommendation]
   
   **Example**:
   

   Headline: "[Benefit influencer highlighted]" Subheadline: "Use code [CODE] for [X]% off" CTA: "Shop Now" or "Get [X]% Off"

   
   #### Social Proof Section
   
   **Recommendation**:
   - Feature the specific influencer who drove traffic
   - Embed or screenshot their content
   - Include their quote/testimonial
   
   **Example**:
   

   "As seen on @[handle]'s [platform]" [Embedded video or quote card] "[Pull quote from their content]" - @[handle]

   
   #### Product Section
   
   **Recommendation**:
   - Show exact product(s) influencer featured
   - Highlight features they mentioned
   - Make promo code pre-applied or prominent
   

4. Social Proof Integration

   ## Social Proof Strategy
   
   ### Influencer Integration
   
   | Element | Placement | Implementation |
   |---------|-----------|----------------|
   | Creator video | Hero or below | Embed or thumbnail |
   | Pull quote | Hero area | Designed quote card |
   | Creator badge | Near CTA | "As seen on @handle" |
   | UGC gallery | Mid-page | Carousel of content |
   
   ### Social Proof Hierarchy
   
   **Tier 1: Primary Influencer**
   - Most prominent placement
   - Their content/quote
   - Their audience = this traffic
   
   **Tier 2: Other Influencers**
   - Supporting testimonials
   - Adds credibility depth
   
   **Tier 3: Customer Reviews**
   - Star ratings
   - Written reviews
   - Review count
   
   **Tier 4: Trust Indicators**
   - Customer count ("Join 10,000+ customers")
   - Press mentions
   - Awards/certifications
   
   ### Implementation Examples
   
   **Creator Badge**:
   ```html
   <div class="creator-badge">
     <img src="creator-photo.jpg" alt="@handle">
     <span>Loved by @handle</span>
   </div>
   

   UGC Quote:

   <blockquote class="ugc-quote">
     <p>"[Their review quote]"</p>
     <cite>@handle, [Platform]</cite>
   </blockquote>
   

5. Conversion Optimization

   ## Conversion Optimization
   
   ### CTA Optimization
   
   | Element | Current | Recommended | Why |
   |---------|---------|-------------|-----|
   | Button text | [current] | [new] | [reason] |
   | Button color | [current] | [new] | [reason] |
   | Button size | [current] | [new] | [reason] |
   | Placement | [current] | [new] | [reason] |
   | Quantity | [#] | [#] | [reason] |
   
   **CTA Best Practices for Influencer Traffic**:
   - Reference the promo code in button ("Get 20% Off with CODE")
   - Create urgency if applicable ("Limited Time")
   - Use action-oriented language ("Shop," "Get," "Claim")
   - Make code visible and easy to copy
   
   ### Promo Code Experience
   
   **Current**: [describe current promo code experience]
   
   **Recommended**:
   - [ ] Auto-apply code via URL parameter
   - [ ] Display code prominently at top
   - [ ] Show savings amount
   - [ ] Make code easy to copy
   - [ ] Confirm code applied in cart
   
   **Implementation**:
   

   URL: yoursite.com/landing?code=CREATOR20

   On page load:

   1. Detect code parameter
   2. Apply to cart automatically
   3. Display "CREATOR20 applied - you save $X"

   
   ### Friction Reduction
   
   | Friction Point | Impact | Solution |
   |----------------|--------|----------|
   | [Point 1] | High/Med/Low | [Solution] |
   | [Point 2] | High/Med/Low | [Solution] |
   | [Point 3] | High/Med/Low | [Solution] |
   
   **Quick Wins**:
   - Remove unnecessary form fields
   - Add guest checkout option
   - Show shipping costs early
   - Display trust badges near CTAs
   - Add live chat/support option
   
   ### Mobile Optimization
   
   **Critical for influencer traffic** (majority mobile):
   
   | Element | Mobile Check | Status |
   |---------|--------------|--------|
   | Page load speed | <3 seconds | ✅/❌ |
   | CTA button size | Thumb-friendly | ✅/❌ |
   | Form fields | Easy to tap | ✅/❌ |
   | Images | Optimized | ✅/❌ |
   | Scroll depth | Key info visible | ✅/❌ |
   

6. A/B Testing Plan

   ## A/B Testing Recommendations
   
   ### Test Priority Matrix
   
   | Test | Impact | Effort | Priority |
   |------|--------|--------|----------|
   | Headline copy | High | Low | 1 |
   | CTA button text | High | Low | 2 |
   | Hero image/video | High | Medium | 3 |
   | Social proof placement | Medium | Low | 4 |
   | Page length | Medium | Medium | 5 |
   
   ### Test 1: Headline
   
   **Hypothesis**: [If we change X, then Y because Z]
   
   | Variant | Headline | Expected Impact |
   |---------|----------|-----------------|
   | Control | "[Current headline]" | Baseline |
   | Test A | "[Alternative 1]" | [expected change] |
   | Test B | "[Alternative 2]" | [expected change] |
   
   **Sample Size**: [calculated minimum]
   **Duration**: [minimum days to reach significance]
   **Success Metric**: Conversion rate
   
   ### Test 2: CTA
   
   **Hypothesis**: [statement]
   
   | Variant | Button | Expected Impact |
   |---------|--------|-----------------|
   | Control | "[Current]" | Baseline |
   | Test A | "[Alternative]" | [expected change] |
   
   ### Testing Best Practices
   
   - Test one element at a time
   - Run until statistical significance
   - Document all tests and results
   - Implement winners quickly
   - Test continuously
   

7. Influencer-Specific Pages

   ## Influencer-Specific Landing Pages
   
   ### When to Create Dedicated Pages
   
   ✅ Create dedicated page when:
   - Influencer has unique offer/code
   - High-volume partnership
   - Different product focus
   - Long-term ambassador
   - Need attribution clarity
   
   ❌ Use general page when:
   - Small one-off partnership
   - Same offer as general campaigns
   - Resource constraints
   
   ### Dedicated Page Template
   
   **URL Structure**: yoursite.com/[influencer-handle]
   
   **Page Elements**:
   

   ┌──────────────────────────────────────┐ │ "Welcome from @[handle]'s page!" │ │ [Creator's endorsement/video] │ │ Their exclusive offer: [OFFER] │ ├──────────────────────────────────────┤ │ Product(s) they featured │ │ [Images matching their content] │ │ [Their specific talking points] │ ├──────────────────────────────────────┤ │ Their review/testimonial │ │ [Additional social proof] │ ├──────────────────────────────────────┤ │ Shop + Promo Code Application │ └──────────────────────────────────────┘

   
   ### Personalization Options
   
   | Element | Personalization Level |
   |---------|----------------------|
   | URL | /creator-name |
   | Headline | Reference creator |
   | Hero image | Creator's content |
   | Offer | Their unique code |
   | Products | What they featured |
   | Testimonial | Their quote |
   

8. Performance Tracking

   ## Landing Page Analytics
   
   ### Key Metrics to Track
   
   | Metric | Target | Current | Status |
   |--------|--------|---------|--------|
   | Page load time | <3s | [X]s | ✅/❌ |
   | Bounce rate | <40% | [X]% | ✅/❌ |
   | Conversion rate | [X]% | [X]% | ✅/❌ |
   | Add to cart rate | [X]% | [X]% | ✅/❌ |
   | Average order value | $[X] | $[X] | ✅/❌ |
   
   ### Tracking Setup
   
   **UTM Parameters**:
   

   ?utm_source=[platform] &utm_medium=influencer &utm_campaign=[campaign-name] &utm_content=[@handle] &utm_term=[content-type]

   
   **Events to Track**:
   - Page view
   - Scroll depth (25%, 50%, 75%, 100%)
   - CTA clicks
   - Promo code applied
   - Add to cart
   - Purchase
   
   ### Attribution
   
   | Method | Use Case |
   |--------|----------|
   | UTM parameters | Source tracking |
   | Promo codes | Direct attribution |
   | Unique URLs | Creator-specific tracking |
   | Pixel tracking | Conversion attribution |
   

Example

User: "Our landing page for @fitnessanna's protein powder campaign has a 1.2% conversion rate. How can we improve it?"

Output:

## Landing Page Optimization: @fitnessanna Campaign

### Diagnosis

**Current CR**: 1.2% (Below benchmark of 2-3% for influencer traffic)

### Issues Found

1. **Message Mismatch**: Anna talks about "smooth texture" but landing page leads with "high protein content"
2. **No Social Proof**: Anna's content isn't featured on the page
3. **Promo Code Friction**: Code "ANNA20" isn't auto-applied
4. **Mobile CTA**: Button is below the fold on mobile

### Priority Fixes

| Fix | Expected Impact | Effort |
|-----|-----------------|--------|
| Add Anna's video to hero | +0.5% CR | Low |
| Auto-apply promo code | +0.3% CR | Medium |
| Match headline to her messaging | +0.3% CR | Low |
| Move CTA above fold mobile | +0.2% CR | Low |

**Combined Expected Impact**: 1.2% → 2.5% CR

### Implementation

**New Headline**: "Protein That Actually Tastes Good" (matches Anna's main message)

**Add to Hero**:
```html
<div class="creator-feature">
  <video src="anna-testimonial.mp4"></video>
  <p>"The smoothest protein I've tried" - @fitnessanna</p>
</div>

Auto-Apply Code: URL: yoursite.com/protein?code=ANNA20 Display: "ANNA20 applied! You save 20%"

Test Plan

Week 1: Implement hero changes Week 2: A/B test headline variations Week 3: Test CTA button copy

## Tips for Better Landing Pages

1. **Match the message** - Continuity from content to page
2. **Feature the influencer** - They drove the traffic
3. **Mobile first** - Most influencer traffic is mobile
4. **Reduce friction** - Every click loses people
5. **Test continuously** - Small improvements compound

## Related Skills

- [ugc-repurposer](../ugc-repurposer/) - Get content for landing pages
- [content-amplifier](../content-amplifier/) - Drive traffic to landing pages
- [performance-analyzer](../../track/performance-analyzer/) - Measure landing page results
- [brief-generator](../../plan/brief-generator/) - Align content with landing goals