You are browsing:
Rob Hot Tips

Add a splash of color

Hot Tip #37 is to add a splash of color.

A burst on a Landing Page can command attention and add excitement.

Color splash reference Color splash reference Color splash reference

And when excited, we tend to try new things.

  • Color Scheme Inspiration – A collection of 700+ Landing Pages I’ve curated featuring colorful schemes.
  • BGJar – Free online tool to create colorful SVG blobs.

Invest in an icon library

Hot Tip #38 is to invest in an icon library.

Having a go-to icon pack can speed up Landing Page development and keep the aesthetic consistent.

Streamline Icons
  • Streamline Icons – My personal favorite (pictured above). Owner Vincent and his team have spent a zillion hours putting together this comprehensive 30,000+ resource with 3 weights.
  • Iconfinder – Solid resource for finding and icon style you like first, then purchasing. Lots of free ones in sets in here too.
  • Font Awesome – Another quality library. I backed them on Kickstarter in 2017 and still using the odd icon. The site UI is very impressive and continuously being worked on.

Place copy before images on mobile

Hot Tip #39 is to place copy before images on mobile.

Having a legible responsive design is great, but are you ordering your content for a seamless scrolling experience on mobile?

✅ Intro copy before main image
✅ Feature copy before demo image

Landing Page images without context are difficult to decipher:

Copy before images on mobile

P.S. Don’t be afraid to hide images (or text) that add nothing to the mobile experience.

  • Flexbox order – A neat way to add context with only a few lines of additional code.

Offer a free teaser

Hot Tip #40 is to offer a free teaser.

⏳ 14 day free trial of your SaaS
📖 2 of the 14 eBook chapters
📦 80 icons from the full library
📱 1 of 10 mobile wallpapers

Teasers are great ways for visitors to experience more without having to pay upfront.

The end.

There are no more Hot Tips to load in this archive.

Next