# Before and After Tweet Templates for X (Twitter)

Source: https://trygrowx.app/templates/before-after (updated 2026-11-04)

A before and after tweet shows a clear change side by side: what something looked like or how it worked, then what it is now, and the one thing that made the difference. It works on X because the contrast does the persuading in a single glance. Use these templates for redesigns, workflow changes, metric jumps and personal transformations.

## When to use this template

- You redesigned a landing page, onboarding flow or dashboard.
- A workflow got dramatically faster after a change or a tool.
- A metric jumped after one specific change.
- You want to show what your product does in a way people grasp instantly.
- You are sharing your own progress over months or years.

## Templates

### The visual redesign

Pair this with a two-image post: before on the left, after on the right.

```text
Before vs after: [what you redesigned].

Changes:
• [change 1]
• [change 2]
• [change 3]

Result: [metric] went from [before] to [after] in [time].
```

### The workflow before and after

For showing how a process changed.

```text
Before [product/change]:
[step] → [step] → [step] → [step]
[time] every [period]

After:
[step] → [step]
[shorter time]

That's [hours saved] back every [period].
```

### The one-change jump

When a single change moved a number.

```text
[Metric] before: [value]
[Metric] after: [value]

The only thing I changed: [change].

[Why you think it worked].
```

### The then and now

For personal or company progress over time.

```text
[Time] ago: [situation then].
Today: [situation now].

What changed in between: [one or two key moves].
```

## Worked example

Oscar runs Pitchside, a scheduling app for grassroots football clubs. He uses the workflow before and after:

```text
Before Pitchside:
group chat poll → spreadsheet → phone round → reminder texts
3 hours every week

After:
Parents tap "available" → fixtures auto-filled
10 minutes

That's nearly 3 hours back every week for one volunteer coach.
```

It works because every club volunteer recognises the before chain, and the arrow format makes the shrinking process visible.

## Tips

- Keep before and after in the same format: same screen size, same metric, same time period.
- Use two side-by-side images where you can. Visual contrast is the whole point.
- Explain the one change that mattered most. Without it, the post is a picture and readers learn nothing.
- Be honest about the time frame and anything else that changed.
- Label images clearly ("Before" and "After") so the post makes sense with images alone.
- Grab a matching opener from the [before and after hooks](https://trygrowx.app/hooks/before-after).

## Frequently asked questions

### What image size works for before and after posts?

Two images in one post display side by side, so use the same aspect ratio and crop for both. Square or 16:9 images keep the pair tidy in the feed.

### Can I do a before and after without images?

Yes. The workflow and one-change templates use text and arrows, which work well for processes and numbers.

### How do I make a before and after post credible?

Use real screenshots, keep everything else equal and state the time frame. Readers trust a modest, honest jump more than a dramatic one.

## Write your before and after post

Describe the before, the after and the change in rough notes and let the free [post generator](https://trygrowx.app/tools/post-generator) draft it. For a fuller story with numbers, see the [case study templates](https://trygrowx.app/templates/case-study).