UGC side-by-side

A split-screen comparison of two real moments — problem and solution, or before and after, both shot in a candid phone-camera register.

When to use it

When the transformation is the pitch but you want it to feel like a customer's photos rather than a studio comparison. It combines proof with the credibility of UGC.

The thing to get right

Both halves have to look like they came from the same phone. A polished after against a grainy before reads as a staged comparison, which undermines the proof.

The format at a glance

• Output — a still image ad.
• Structure — a single frame, with the copy composited on top.
• Family — Image ads.
• Recipe id — ugc_split, which is what you name when you ask for it by hand or from an agent.

Why does a before and after look staged?

Usually because the halves do not match. A polished after against a grainy before reads as a comparison somebody arranged. Both halves have to look like they came off the same phone in the same room.

Related formats

Static, direct-response creative for the feed: the headline, the offer, the proof, the comparison. Every word on these is composited by the app after the picture is rendered, so the copy comes out exactly as written.

• Social media ad — a finished, scroll-stopping Meta/IG feed ad — headline + supporting line + CTA baked in (the catch-all for "make me an ad")
• Bold graphic poster — a striking typographic poster / bold graphic ad
• Infographic — a static infographic / data-driven visual
• Before / after — a before-and-after transformation visual
• Comparison / vs — an "us vs the old way / competitor" comparison ad
• Testimonial / review — a customer testimonial / 5-star review ad graphic

The full catalog is on the creative recipes index.

Hermoso plans and renders an ugc side-by-side from your brand rather than from a prompt you write, composites every on-screen word after the render so the copy comes out exact, and exposes the same format to an AI agent over MCP. How Hermoso renders a format covers all three.