Key takeaways
- Format: Before and after split-screen with a myth-busting headline.
- Best for: Home improvement services where results are visual and price is a barrier.
- Hook: FACT: challenges the belief that metal roofs are too expensive.
- Reuse it: Pair a same-angle transformation with a headline that busts your top objection.
Available sizes
What is a before and after ad?
A before and after ad shows the same subject in two states side by side, so the result of using the product is visible at a glance. It's common in skincare, cleaning, fitness and home improvement, but claims shown must be realistic and typical to stay within ad platform policies.
See all before / after ads →Why this before / after ad works
- 01
Same-angle transformation
Showing the exact same roof before and after makes the improvement undeniable and easy to imagine on your own home.
- 02
Tackles the price objection
The FACT framing directly addresses the assumption that metal roofs are unaffordable, reopening the conversation with skeptical buyers.
- 03
CTA on the dividing line
Placing the button where the eye naturally lands between both halves makes it the focal point of the whole creative.
- 04
Color contrast tells the story
Dull grey versus vibrant red shows the upgrade instantly, even before reading any text.
Full creative breakdown
Who this ad targets
This ad targets US homeowners with aging asphalt shingle roofs who may have dismissed metal roofing as too expensive. They are typically 40 to 70, own single-family homes and care about curb appeal and long-term value. The before and after visual also appeals to people who need visual proof before trusting a contractor, while the pricing CTA captures those ready to compare costs.
Copywriting analysis
The headline opens with "FACT:" in bold, borrowing the authority of a factual statement and signaling that a misconception is about to be corrected. "More affordable than you think" addresses the reader's assumption directly and creates curiosity about the actual price. The copy avoids specific numbers, which pushes the click to find out. Before and After labels are minimal and universal. The CTA "Click for pricing" follows naturally from the affordability claim and promises information rather than a sales call.
Visual design
The layout puts the logo and headline in a clean white header, then dedicates most of the frame to a vertical split photo. Matching red label tags for Before and After echo the brand color. The faded grey left half and vivid terracotta right half create a strong visual contrast. A white button with red outline sits on the center line, connecting both images. The design is simple, credible and focused on visual proof.
How to adapt this template for your brand
- Shoot the same spot before and after the work, from the same angle.
- Place the images side by side with clear Before and After labels.
- Write a FACT headline that busts your audience's biggest objection.
- Put the CTA button on the dividing line between the two images.
- Add your logo in a clean header for brand recognition.
Tips for roofing ads on Meta
This before and after creative works well in Meta Stories, Reels and feeds. Use real customer photos to keep the claim authentic and avoid policy issues with exaggerated results. Test animated wipe or slider versions in Reels for extra engagement. Pair the affordability claim with financing or pricing details on the landing page so the promise is fulfilled immediately after the click.
About this creative
This vertical Erie Home ad starts with a clean white header showing the red Erie Home logo with its house-shaped roofline. Below it, a black headline reads "FACT: Metal roof replacement is more affordable than you think," with "FACT:" in bold to frame the message as a correction of a common belief. The rest of the frame is a split-screen photo of the same roof taken from the same angle. On the left, labeled "Before" in a red tag, the roof has old, faded grey asphalt shingles with dark stains and a roof vent. On the right, labeled "After," it is covered in new terracotta-red metal shingle panels with a crisp, textured finish and green lawn visible beyond. A white button with red border and text, "Click for pricing," sits right on the center line, bridging both halves and drawing the eye to the action.
Meta ad · 338 × 600 · Roofing
Metal Roof Ad Template: Before and After Replacement
This Erie Home metal roof ad uses a before and after format to show a worn grey shingle roof next to a new red metal roof. A FACT headline tackles the price objection directly, and a Click for pricing button sits on the dividing line. Use it as a template for transformation-led roofing ads.
Added
All brand names and logos are property of their owners. Adplaylist is not affiliated with or endorsed by these brands.
Details
Ad copy
Primary text
FACT: A metal roof replacement is more affordable than you think. See the difference an Erie Home metal roof makes and click for pricing in your area.
Description
See before and after results. Click for pricing.
On-image text
ERIE HOME | FACT: Metal roof replacement is more affordable than you think. | Before | After | Click for pricing
Headline ideas for this template
- 1Metal roofs cost less than you think
- 2From worn shingles to a new metal roof
- 3See the before and after, then see the price
- 4The affordable roof upgrade you overlooked
- 5Fact: your new metal roof fits your budget
Meta image ad specs
| Placement | Ratio | Size (px) |
|---|---|---|
| Feed | 1:1 or 4:5 | 1080×1080 / 1080×1350 |
| Marketplace | 1:1 | 1200×1200 |
| Messenger inbox | 1:1 | 1200×1200 |
| Stories & Reels | 9:16 | 1080×1920 |
This template is 1:1. Request 4:5 or 9:16 to cover all placements.
