All Tips

Before-After Visuals
Before-After Visuals

Before-After Visuals

ux tips
visuals
value

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.

Visit Testimonial.to
View on Twitter

Previous Tip

Better Pricing Plans

ux tips
pricing

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

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects

    MagicPattern

    BrandBird

    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

©2021 . Made by Jim Raptis