Conversion Optimization Through Copy and CTA Refinement
Problem
Drum’s marketing site had a 0.44% visitor-to-demo conversion rate over 30 days (918 visitors -> 36 booking page views -> 4 demos booked). Two conversion leaks were identified:
- Homepage to booking page click-through (3.9%) — vague CTAs, buried social proof, misleading “free trial” messaging, single high-friction conversion path
- Booking page completion (11.1%) — no value framing before the Calendly widget, time commitment frontloaded in headline
Additionally, the time tracking feature page received reasonable search volume but converted poorly due to generic copy, missing structural sections, and an irrelevant testimonial.
Root Cause
Multiple compounding issues:
- Vague CTA copy: “Let Us Show You” used across ~107 pages — unclear what happens on click
- Misleading trial messaging: “Start a free trial” language when Drum is demo-only (no self-serve trial), breaking trust when visitors land on a booking page
- Single conversion path: Only one CTA option (book a 30-min call) — too high-friction for visitors still researching
- Buried social proof: Testimonials placed far down the page, not near decision points
- Dense hero copy: 3 sentences crammed into the hero description — not scannable
- Feature page gaps: Time tracking page lacked key-points section, mid-page CTAs, and outcome-focused copy
Solution
1. CTA Copy Site-Wide
Changed _includes/cta_button.html text from “Let Us Show You” to “Book a Free Demo”. This single change propagated to ~107 pages (all blog posts, feature pages, industry pages, FAQ sections).
Also updated 3 hardcoded instances in _includes/nav.html (nav bar, features mega-menu, industries mega-menu) and _includes/footer.html.
2. Misleading Trial Messaging
index.html bottom CTA: “Start a free trial to see how” -> “Book a free walkthrough to see how”_layouts/post.html blog CTA: “Start a free trial” -> “Book a free demo”collections/_home_faqs/4.md: Reworded FAQ answer to honestly describe demo-first trial flow
3. Homepage Hero Improvements
- Scannable description: Condensed to
Pipeline, proposals, projects, time, WIP and invoicing — all in one place. Connected to Xero. Live in 14 days.
- Proof row specificity: “World-Class Support Team” -> “Avg. Response Time: < 10 Min”, added “5.0” rating number, “250+ Happy Consultants” -> “Trusted by 250+ Consulting Firms”
- Dual CTAs: Added secondary “See Pricing” ghost button (homepage only, not in shared include)
- Hero testimonial: Added Sean Price quote directly below CTA, above product screenshot
4. Booking Page Improvements
- Removed “in 30 minutes” from headline (frontloaded time commitment)
- Added expectations list before Calendly widget: live walkthrough, time/projects/invoicing demo, free trial setup
- Added reassurance line: “Free. No obligation. 30 minutes.”
5. Time Tracking Feature Page Rewrite
- SEO-optimized title and description connecting time tracking to profitability
- Outcome-focused headline: “Know Exactly Where Your Team’s Time Goes — and What It’s Worth”
- Added key-points section (4 cards): Zero Unbilled Hours, Live Project Profitability, Faster Month-End, Team Utilisation at a Glance
- Benefit-driven details: “Log Time in Clicks”, “Budget Burn Updates Instantly”, “One-Click Timesheet Approvals”
- Relevant testimonial: Swapped generic quote for Sean Price’s testimonial that specifically mentions time sheeting
- Mid-page CTAs: Added 2 CTA buttons between content sections
- Descriptive alt text on all images
Files Modified
| File |
Change |
_includes/cta_button.html |
CTA text -> “Book a Free Demo” |
_includes/nav.html |
3 hardcoded CTA instances updated |
_includes/footer.html |
CTA text updated |
index.html |
Hero description, proof row, dual CTAs, testimonial, bottom CTA |
book-demo.html |
Headline, expectations list, reassurance text |
_layouts/post.html |
Blog CTA text |
collections/_home_faqs/4.md |
FAQ answer reworded |
assets/css/blocks/Hero.scss |
.hero-testimonial, .demo-expectations, .demo-reassurance styles |
features/time-tracking.html |
Complete rewrite |
pricing.html |
CTA text (2 locations) |
features/project-management.html |
CTA text |
features/sales-and-proposals.html |
CTA text |
industries/*.html |
CTA text (4 files) |
*-alternative.html |
CTA text (3 files) |
drum_demo.html |
CTA text |
reclaim_billable_hours_training.html |
CTA text |
Prevention / Best Practices
CRO Checklist for New Pages
- CTA copy: Action-oriented, specific about what happens next (“Book a Free Demo” not “Learn More”)
- Messaging alignment: Don’t promise what the product flow can’t deliver (e.g., “free trial” when demo-only)
- Social proof placement: At least one testimonial near the primary CTA, not just at page bottom
- Scannability: Hero descriptions should be 1-2 lines max; use line breaks for rhythm
- Proof specificity: Use concrete numbers (“< 10 min response time”) not vague claims (“world-class support”)
Feature Page Structure
Every feature page should include:
- Outcome-focused hero headline (not feature-focused)
- Key-points section with 3-4 benefit cards
- Details section connecting features to business outcomes
- Solutions section showing practical use cases
- At least 2 mid-page CTAs
- Relevant testimonial (matches the feature being discussed)
- Descriptive alt text on all images
Copy Guidelines
- Lead with outcomes, not features: “Zero Unbilled Hours” not “Automatic Time Capture”
- Connect every feature to profitability, efficiency, or visibility
- Use the customer’s language (consultancy terms: WIP, utilisation, project stages)
- Proof claims with specifics: ratings, response times, customer counts
Shared Include Strategy
cta_button.html is the highest-leverage file — changes propagate to ~107 pages- For page-specific CTA variations, add markup directly in the page rather than modifying the shared include
primary_button.html accepts parameters for per-page customization on feature/industry pages