# RateRight Landing Page A/B Testing Design Specs
## Overview
This document contains complete design specifications for three landing page variations to be A/B tested for RateRight's worker acquisition campaign.
---
## Variation A: Direct & Benefit-Focused
### Hero Section
**Headline:** Find Construction Work That Fits Your Life
**Subtext:** Join 5,000+ verified workers earning more with flexible construction jobs. No fees, no middleman - just direct connections to contractors who need your skills.
**Primary CTA:** Start Earning Today
**Supporting visual:** Construction worker with tools, confident pose, professional but approachable
### Features Section
**Layout:** 3-column grid
**Feature 1:**
- **Icon:** Dollar sign/coins
- **Title:** Keep 100% of Your Earnings
- **Copy:** No platform fees, no percentage cuts, no hidden charges. What you earn is what you keep.
**Feature 2:**
- **Icon:** Calendar/clock
- **Title:** Work When You Want
- **Copy:** Set your own schedule and availability. Take jobs that fit your lifestyle, not the other way around.
**Feature 3:**
- **Icon:** Shield/checkmark
- **Title:** Verified Contractors Only
- **Copy:** All contractors are verified, so you know you're working for legitimate businesses.
### Social Proof Section
**Headline:** Join 5,000+ Workers Already Earning More
**Subtext:** See what our workers are saying about RateRight
**Testimonial cards:**
- "I earned $2,400 in my first week" - Michael R., Carpenter
- "Finally, a platform that gets construction" - Sarah L., Electrician
- "Best decision I made for my career" - Dave K., Plumber
### Secondary CTA Section
**Headline:** Ready to Earn More?
**Subtext:** It takes just 2 minutes to create your profile
**CTA:** Get Started Now
**Microcopy:** Free forever for workers
### Footer Section
**Links:** About | How It Works | Safety | Help Center | Contact
**Trust badges:** White Card Verified | Secure Platform | Australian Owned
**Social proof:** As seen in: [Construction Industry Magazine]
### Visual Hierarchy
1. **Primary:** Headline - Large, bold, construction orange (#FF6B35)
2. **Secondary:** CTA buttons - High contrast, action-oriented
3. **Tertiary:** Benefit statements - Clear, scannable
4. **Supporting:** Testimonials - Authentic, relatable
### Color/Styling Notes
- **Primary color:** Construction orange (#FF6B35) for CTAs and key highlights
- **Secondary color:** Deep blue (#1E3A8A) for headers and trust elements
- **Accent color:** Safety yellow (#FFD700) for important UI elements
- **Background:** Clean white with light gray (#F5F5F5) sections
- **Typography:** Bold, sans-serif for headers; clean, readable body text
### Mobile Considerations
- Stack features vertically
- Larger touch targets for CTAs (min 44px height)
- Simplified navigation with hamburger menu
- Prominent phone number click-to-call
- Compressed hero section with scroll prompt
---
## Variation B: Problem/Solution
### Hero Section
**Headline:** Tired of Job Boards That Don't Understand Construction?
**Subtext:** We built RateRight for tradies, by tradies. Get matched with real jobs from verified contractors. Set your rates, choose your hours, and get paid what you're worth.
**Primary CTA:** Join Free Today
**Supporting visual:** Frustrated worker at computer vs. happy worker on job site (split screen)
### Problem Section
**Headline:** The Old Way Doesn't Work
**Pain points (3 columns):**
- **Wasted Time:** Spend hours on sites with no real construction jobs
- **Low Pay:** Race to the bottom on price with unqualified competition
- **No Control:** Accept whatever jobs come your way, regardless of pay or location
### Solution Section
**Headline:** RateRight Fixes Everything
**Solutions (3 columns, matching problems):**
- **Targeted Matching:** Only see jobs that match your skills and location
- **Fair Pay:** Set your own rates and negotiate directly with contractors
- **Complete Control:** Choose jobs based on your criteria, not desperation
### How It Works Section
**Step 1:** Create Profile (2 minutes)
- Upload White Card
- List your skills
- Set your rates
**Step 2:** Get Verified (24 hours)
- We check your qualifications
- Verify your identity
- Approve your profile
**Step 3:** Start Working
- Get job notifications
- Choose your jobs
- Get paid directly
### Social Proof Section
**Headline:** Built by Tradies, for Tradies
**Founder story:** "I spent 15 years on job sites before building RateRight. I know the struggle." - John Smith, Founder
**Stats:** 87% of workers get their first job within a week
### CTA Section
**Headline:** Stop Wasting Time on the Wrong Jobs
**Subtext:** Join the platform that understands construction
**CTA:** Get Started Free
**Microcopy:** No credit card required
### Footer Section
**Links:** About | Success Stories | Safety | Support | Blog
**Trust badges:** Trade Verified | White Card Checked | Secure
**Additional:** Download our app
### Visual Hierarchy
1. **Primary:** Problem statement - Bold, attention-grabbing
2. **Secondary:** Solution - Contrasting color, hopeful tone
3. **Tertiary:** Process steps - Clear progression
4. **Supporting:** Founder credibility - Personal touch
### Color/Styling Notes
- **Problem section:** Dark background (#2D3748) with red accents (#E53E3E)
- **Solution section:** Light background (#F7FAFC) with green accents (#38A169)
- **Process section:** Alternating white/gray sections
- **CTA:** Construction orange (#FF6B35) with urgency
- **Typography:** Strong contrast between problem (heavy) and solution (lighter)
### Mobile Considerations
- Problem/solution sections stack with clear visual separation
- Process steps become vertical timeline
- Founder story image prominent
- CTA sticky at bottom of screen
---
## Variation C: Social Proof & Urgency
### Hero Section
**Headline:** 500+ Construction Jobs Posted This Week
**Subtext:** Don't miss out! Join Australia's fastest-growing construction marketplace. Workers earn an average of $1,200 in their first week. Free to join, no hidden fees.
**Primary CTA:** Get Started Now
**Supporting visual:** Live job counter, worker testimonials carousel
**Urgency element:** "47 workers joined today" banner
### Urgency Section
**Headline:** Jobs Are Filling Fast
**Live stats:**
- Jobs posted today: 127
- Average fill time: 4.2 hours
- Workers hired this week: 312
**Countdown timer:** "Next job alert in: 02:34"
### Social Proof Section
**Headline:** Join Thousands of Successful Workers
**Trust indicators:**
- Star rating: 4.8/5 from 2,847 reviews
- "As featured in Australian Construction News"
- Google/Facebook rating badges
**Testimonial carousel:**
- "Made $1,500 my first weekend" - Tom, Bricklayer
- "Best platform I've used in 20 years" - Maria, Carpenter
- "Wish I found this sooner" - Ahmed, Plumber
### Earnings Calculator
**Interactive element:**
- "Select your trade" dropdown
- "Hours per week" slider
- "Estimated weekly earnings: $___"
**Disclaimer:** Based on average rates in your area
### FOMO Section
**Headline:** While You're Thinking, Others Are Working
**Recent activity feed:**
- "Sarah just accepted a plumbing job in Parramatta"
- "Mike completed a $2,400 carpentry project"
- "Jessica got hired for 3 weeks of electrical work"
### Scarcity Section
**Headline:** Limited Spots Available
**Copy:** We're maintaining quality by limiting workers per trade in each area.
**Progress bars:**
- Carpenters in Sydney: 85% full
- Electricians in Melbourne: 92% full
- Plumbers in Brisbane: 78% full
### Final CTA Section
**Headline:** Your Competition Is Already Here
**Subtext:** Don't let someone else take your spot
**CTA:** Claim Your Spot Now
**Urgency copy:** Only 3 spots left for [user's trade] in [user's location]
### Footer Section
**Links:** Reviews | Success Stories | How It Works | FAQ | Contact
**Trust badges:** SSL Secured | Privacy Protected | Verified Workers
**Social proof:** Joined by workers from: [Logos of major construction companies]
### Visual Hierarchy
1. **Primary:** Live numbers - Large, dynamic, attention-grabbing
2. **Secondary:** Social proof - Trust-building elements
3. **Tertiary:** Urgency indicators - Red/orange accents
4. **Supporting:** Activity feed - Constant motion
### Color/Styling Notes
- **Urgency elements:** Red (#DC2626) for alerts, orange (#EA580C) for CTAs
- **Trust elements:** Blue (#2563EB) for security, green (#059669) for success
- **Activity feed:** Subtle animations to show live updates
- **Scarcity bars:** Fill with gradient from green to red
- **Typography:** Bold numbers, urgent messaging
### Mobile Considerations
- Live counter prominent at top
- Testimonials swipeable carousel
- Earnings calculator simplified
- Activity feed as vertical scroll
- Sticky CTA with urgency message
---
## Comparison Table
| Aspect | Variation A: Direct & Benefit-Focused | Variation B: Problem/Solution | Variation C: Social Proof & Urgency |
|--------|--------------------------------------|--------------------------------|-------------------------------------|
| **Primary Hook** | Clear benefits and value proposition | Addresses pain points first | Creates urgency with social proof |
| **Emotional Appeal** | Aspiration (earn more, flexibility) | Relief (solution to frustration) | FOMO (fear of missing out) |
| **Target Audience** | Workers seeking better opportunities | Frustrated workers on other platforms | Active job seekers ready to act |
| **Hypothesis** | Direct benefits will drive higher conversion | Addressing pain points will resonate more | Urgency and social proof will create action |
| **Success Metrics** | - Conversion rate
- Time on page
- CTA clicks | - Scroll depth
- Problem section engagement
- Solution recall | - Urgency clicks
- Calculator usage
- Sign-up velocity |
| **Key Differentiator** | Emphasizes "no fees" prominently | Founder story and industry understanding | Live data and activity feeds |
| **Risk Factor** | May seem too good to be true | Negative framing might deter | High pressure might repel some |
| **Best For** | Benefits-focused workers | Problem-aware workers | Action-oriented workers |
---
## Implementation Notes
### File Structure
```
/landing-pages/
├── ab-test/
│ ├── index.html (traffic splitter)
│ ├── variation-a/
│ │ ├── index.html
│ │ ├── styles.css
│ │ └── script.js
│ ├── variation-b/
│ │ ├── index.html
│ │ ├── styles.css
│ │ └── script.js
│ └── variation-c/
│ ├── index.html
│ ├── styles.css
│ └── script.js
└── assets/
├── images/
├── icons/
└── data/
```
### Traffic Routing
1. **Initial split:** 33/33/33 across all variations
2. **Tracking parameters:** ?variation=a|b|c
3. **Cookie duration:** 30 days to maintain consistent experience
4. **Sample size:** Minimum 1,000 conversions per variation for statistical significance
5. **Traffic sources:** Google Ads, Facebook, organic search, email campaigns
### Technical Implementation
- Use Google Optimize or similar for A/B testing
- Implement event tracking for all CTAs
- Track micro-conversions (scroll depth, time on page)
- Set up conversion goals in analytics
- Monitor page load speed (target <3 seconds)
### Testing Duration
- **Minimum:** 2 weeks to account for weekly cycles
- **Recommended:** 4-6 weeks for seasonal variations
- **Traffic requirement:** 10,000+ unique visitors per variation
- **Conversion requirement:** 100+ conversions per variation
- **Statistical significance:** 95% confidence level minimum
### Success Metrics to Track
1. **Primary:** Conversion rate (profile completion)
2. **Secondary:**
- Click-through rate on CTA
- Time on page
- Bounce rate
- Scroll depth
- Form completion rate
3. **Tertiary:**
- Cost per acquisition
- Lifetime value
- Email sign-up rate
- Social shares
### Post-Test Analysis
- Compare conversion rates with statistical significance
- Analyze user behavior heatmaps
- Review qualitative feedback
- Document learnings for future tests
- Implement winning variation as default
- Plan follow-up tests based on insights
---
## Additional Notes
### Accessibility Requirements
- WCAG 2.1 AA compliance
- Alt text for all images
- Keyboard navigation support
- Screen reader compatibility
- Color contrast ratios (4.5:1 minimum)
### Performance Optimization
- Lazy load images below fold
- Minify CSS/JS files
- Use CDN for assets
- Optimize images (WebP format)
- Implement caching headers
### SEO Considerations
- Unique meta titles/descriptions per variation
- Structured data markup
- Open Graph tags for social sharing
- Canonical tags to prevent duplicate content issues
- XML sitemap updates
### Legal Compliance
- Privacy policy link in footer
- Cookie consent banner
- Terms of service acceptance on signup
- GDPR compliance for data collection
- Industry-specific disclaimers