We changed one section on a Paramus HVAC client’s homepage and their mobile CTA click-through went from 4.1% to 5.2% in 28 days. That’s a 28% lift from a hero rebuild that took our team about four hours. The site already ranked. The traffic was already there. The hero was leaking it.
Here’s the exact pattern, what we removed, and why mobile hero videos quietly kill conversion on B2B service sites.
The pattern in three components
The mobile-first hero we now build by default on Bergen County service sites has three pieces, in this order, above the fold on a 390px iPhone:
- One sentence outcome statement. Not a tagline. A specific result: “We get Bergen County contractors to the top of Google in 90 days.” Eight to fourteen words.
- Sticky phone-call CTA. A button that stays visible as the user scrolls, dialing the real phone number on tap. Not a contact form. Not “Get a Quote.”
- Three real reviews. Name, town, star count, two-line quote. Not stock testimonials. Not a Google Reviews widget that takes 1.4 seconds to load.
The HVAC client’s actual numbers
Before: hero video background of a tech installing a unit, headline “Comfort You Can Count On,” contact form below the fold on mobile. Mobile CTR to any CTA: 4.1%. Phone call rate: 1.3% of mobile sessions. Time to interactive on a mid-range Android: 4.2 seconds.
After: outcome line “Same-day AC repair in Bergen County, 7 days a week.” Sticky tap-to-call button. Three named customer reviews. Static hero image, no video. Mobile CTR: 5.2%. Phone call rate: 2.7%. Time to interactive: 1.6 seconds. Revenue attributable to the change across 28 days: roughly $14,200 in booked service calls.
Why hero videos lose on mobile
Hero videos make sense in the design pitch and lose in the field. On mobile they cost you in four places at once: page weight pushes Largest Contentful Paint past 2.5 seconds, the video competes visually with your CTA, autoplay drains battery and users notice, and the message has to compress into a moving image that nobody is watching past three seconds anyway.
Static hero images load in 200ms, don’t fight the CTA for attention, and let you actually optimize for clarity. The only place hero videos still earn their cost is luxury or destination brands where the vibe is the product. For B2B services in NJ, the vibe loses to the phone number every single time.
The sticky CTA detail nobody implements right
“Sticky” does not mean a bar at the bottom that shows after scrolling 800 pixels. It means visible from pixel one, never disappears, hits the thumb zone on a phone held one-handed. The button needs three things: a real phone number in a tel: link, contrasting color against the page (we use the brand accent at 7:1 contrast), and minimum 44px tap target height per Apple’s HIG.
Reviews above the fold, not below
Social proof in the hero outperforms social proof on a “Testimonials” page by an order of magnitude because most mobile visitors never scroll to that page. Three reviews, real names, town included, gets you trust before the visitor has to decide whether to dig deeper. Bergen County buyers especially want to see another Bergen County name.
How AJD handles this
Every new build and every redesign we do starts with the mobile hero, on a 390px frame, before any desktop work. We A/B test outcome statements against each other for two weeks before locking the copy. We measure phone calls, not form fills, as the primary conversion event on service businesses. The HVAC numbers above are not unusual: we’ve seen similar 20-40% CTR lifts on six other Bergen County clients running the same pattern. Whether you work with us or not, screenshot your own homepage on your phone right now and see if all three components are above the fold.
If your hero is a video and your mobile conversion rate is under 3%, the math is probably working against you. We rebuild heroes as a standalone engagement starting around $1,800.
