By Reviral Team · September 4, 2026 · 4 min read
Before/After UGC Ad Generator: How the Format Works
Two equal phone-photo panels of the same person and setting, with baked handwritten date labels, for any transformation a viewer can actually verify.
A before/after UGC ad puts two equal phone-photo panels of the same person and setting side by side — a real before state on the left, a real after state on the right — with small handwritten date labels baked into each photo. It works because a visible, checkable transformation convinces faster than any claim about one.
Transformation is one of the oldest honest sells in advertising, and it still works for the same reason it always did: a viewer doesn't need to trust your copy if they can see the difference themselves. The format only earns that trust when the transformation is real — same person, same setting, two moments in time — not two different photos dressed up to look related.
What the image actually shows
The canvas splits into two equal phone-photo panels of the same person and the same setting — nothing staged to look more dramatic on one side than the other. Small date labels are baked directly into each photo in uneven handwritten lettering, native to the photo itself rather than typed text floating on top, so the two panels read like two real moments someone actually captured. A separate timeframe line sits as its own text layer across the top of the image — "8 weeks apart," for instance — spelling out the gap the two panels only imply.
Your product only appears in the after panel, never the before one. That's deliberate: showing the product in both panels would blur the point, which is that the after state is the result of using it, not a prop present the whole time. The before panel should look like a real moment before the product was ever involved.
When it earns its place in a campaign
Use this format for any transformation a viewer can actually verify by looking — skin condition, a cleaned or organized space, a fitness change, a home or car repair, anything with a visible before and after state. It works less well for a product whose benefit isn't visual — a supplement whose effect is how someone feels, say, has nothing for this format to actually show. And treat the two photos as a hard boundary the same way a testimonial ad treats a review: use real photos of a real transformation, never a dramatized or unrelated "after" standing in for one that didn't happen that way.
The format's real shape
- Default size: 9:16, full-height panels built for Stories and Reels placements where a split-screen transformation has room to read clearly.
- Text slots: a before-photo date label and an after-photo date label (each baked into its panel as handwriting) plus one timeframe line as a separate text layer across the top.
- Camera direction: a straight-on native capture matching a real phone photo — no staged angle, no studio lens distortion, on either panel.
- Goal group: compare — the two panels do the convincing; there's no room in this layout for a features pitch competing with them.
How to make one on Reviral
Before & After (UGC Native) is one of the 40 named formats in Image Ad Director, Reviral's upcoming static ad generator. Paste your product link or photo, upload your real before and after photos, and write the two date labels and the timeframe line — the studio builds the split panels and bakes the handwriting around them. See the full list in 50 static ad formats that convert in 2026, and once the transformation has convinced someone, a testimonial card is a natural next touch for a customer willing to put their name on the result.
Questions about before/after UGC ads
Do the two panels have to be the same person and the same setting?
Yes — that's what makes the pair read as one continuous, real story instead of two unrelated stock photos. A mismatched background or a different person in each panel is the fastest way to make a real transformation look fake.
Can this generate a transformation for me if I don't have before/after photos yet?
No. The format renders two photos you provide into the split layout with baked date labels — it does not invent or dramatize a transformation, and it shouldn't be used to imply one that didn't happen. Come back to this format once you have real photos of both states.
Why does the product only show up in the after panel?
Because the format's whole argument is that the product caused the difference. Showing it in the before panel too would suggest it was already there and already working, which undercuts the exact comparison the format exists to make.