All Tips

Before-After Visuals
Before-After Visuals

Before-After Visuals

ux tips

Always try to use before/after visuals for your landing page (if it's applicable).

There are 3 simple steps to create great before/after visuals:

  1. Identify your core product use case and/or problem you solve
  2. Show the traditional way people solve the problem now (and make it look full of friction)
  3. Show your product as the new and better alternative

It's the best way to show people your product's value because they compare visually how your product transforms the life/workflow of your users. Images or videos are always stronger than plain text.

View on Twitter

←Previous Tip

Better Pricing Plans

ux tips

Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract