RECOMMENDED

All Tips

Highlight The Best Offer
Highlight The Best Offer

Highlight The Best Offer

hierarchy
ux
ui
conversions
pricing

Always highlight your best pricing plan and make it pop out.

In that way, you help users identify the most used plan and you promote your top offer. It's a win-win situation.

To highlight the plan, use more than one design ways, eg. color, size, elevation (aka shadow)!

←Previous Tip

Prompt User to Scroll

Your website needs to prompt users to scroll to communicate your product's value better. Especially when the header content is not enough to describe your product's value. A simple hack to prompt users to scroll is by showing them a glimpse of the next section. In that way, the user knows there is more information on the site and becomes curious to explore it further.

landing page
conversions
ux
visual effect

Next Tip →

Avoid Fullwidth Paragraphs

Long lines can bore users and create readability problems. Fix it by limiting the line's width between 500px and 700px. Instead of pixels, you can restrict the character number per line as well. In CSS, it's easy to set this up by using the "ch" unit: `10ch is x10 times the width of the character 0`

text
readability
ux
ui

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