How to Make a Before & After Slider Video

The slider reveal — a line sweeping across the image, wiping the “before” away to expose the “after” — is the highest-engagement format for transformation content. Here’s why it works and how to render one from two job photos in seconds.

Why the slider beats a side-by-side on social

A side-by-side comparison asks the viewer to do the work: look left, look right, find the differences. A slider video does the work for them — the reveal happens to them, in motion, which is exactly what feed algorithms and thumbs respond to. Home-service marketers consistently rank before/after content as their best-performing format, and the animated version outperforms the static one because motion stops the scroll.

It’s also the most honest format: because the two photos occupy the same frame, the slider only looks good if the pair is genuinely aligned. Which brings us to the one rule.

The one rule: alignment is everything

When the sweep line crosses a misaligned pair, walls jump, counters bend, and the effect collapses. The fix happens at capture, not in editing: shoot the after photo through a ghost overlay of the before photo so both frames match exactly. SiteProof’s camera does this by default — the full technique is in how to take before and after photos that match.

Animated before and after slider reveal video of an under-sink plumbing repair in SiteProof
The slider sweeps across the frame, revealing the finished work.

Rendering the video in SiteProof

From any task with a before/after pair, open Preview & Share and choose the Slider layout. SiteProof renders a 10-second MP4 on-device — no upload, no watermark service, no waiting on a server. The render is cancellable mid-way, and the export uses your photos at full quality (HD with Pro). Filenames come out clean and descriptive — Kitchen Reno_Tile Work_3_4_2026.mp4 — so your files stay organized wherever you post them.

Where to post it

Same photos, double duty: the pair you shot for marketing is also your documentation. The same task exports a slider video for Instagram and a signed PDF report for the file — one minute of capture, two business outcomes.

Slider videos vs. video editing apps

Generic before/after video apps exist, but they’re built for gym selfies: you import two loose photos, fiddle with transitions, and export a watermarked clip. For job work the friction is backwards — your photos already live in a job structure, already aligned, already timestamped. Rendering the reveal from inside the documentation tool means zero re-importing and zero chances for the wrong photo to end up in the wrong client’s video.

Impress every client.

Animated before/after reveal videos from your job photos, rendered on-device in seconds. Part of SiteProof Pro — $9.99 once.

Download on the App Store

Free for up to 3 jobs · Pro is $9.99 once — no subscription · iPhone & iPad, iOS 17.1+