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.

How Hermoso renders it

You do not write a prompt for this. Hermoso reads your brand first — the product, the logo, the palette, the voice — from your website or a short description, then plans the ad against this format: a beat list, the on-screen copy, and the casting if a person appears. The render happens beat by beat, and every word that ends up on screen is composited afterwards by the app rather than painted by the model, so headlines, captions and the end card come out exactly as written instead of warped and half-invented.

If you have a real product photograph, add it. It is the difference between an ad showing your packaging and an ad showing packaging a model imagined, and it is the single biggest quality lever on any product format here.

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.

Driving it from an agent

Every format on this site is reachable from an AI agent as well as the web studio. Hermoso ships an MCP server, so Claude, Claude Code, Cursor, Codex and any other MCP client can call plan_ad to draft the creative and render_ad to produce it, name a format as the recipe, and get a finished file back — with the same brand grounding and the same composited-text guarantees. The MCP and CLI overview covers the setup, and the generated tool reference is the complete list.