Open non-essential links in a new tab

Hot Tip #66 is to open non-essential links in a new tab.

Set links to documentation, support, privacy, and demos to open a new browser tab, keeping the primary Landing Page within a tab’s reach.

New Window Links - A strong Counterargument by Jesse including several use-cases and additional UX reads. Always healthy to question UX decisions. I still vote for opening demos, support portals and blogs in new tabs - all 3 in my experience offer poor navigations to return to the primary page.

#70 - Development Tips

Demo in-page

Hot Tip #70 is to integrate an in-page product demo.

Traditionally Landing Pages demonstrate their products through screenshots, embedded videos, or link out to an online demo.

Have you considered integrating an in-page demo of your product?

Landing Pages putting in the extra effort by demonstrating their actual product in-page, result in a spectacular first impressions.

Clever in-page demos - An article featuring 12 Landing Pages with brilliant in-page demos.
Twitter In-Page - Same as above except Twitter thread with videos.

#80 - Design Tips

Wrap it in a device

Hot Tip #80 is to wrap your screenshots in a device.

A device mock-up, with a subtle drop shadow, can really bring your digital product to life:

If your software caters for multi-device usability, consider showcasing the screenshots within a family of devices. This emphasizes the remote-working possibilities too:

Facebook Devices - Monster collection of mock-up devices in both PNG and Sketch. Ridiculous this is free.
shotsnapp - Brilliant device mock-up tool that works in your browser.
Device Mock-Up Inspiration
Lstore Graphics - Top quality device mock-up resource. Video options too!
Creative Market Mock-Ups - The device mock-ups category is filled with unique options by their community.

#85 - Conversion Tips

Show them how it works

Hot Tip #85 is to show them how it works.

The first question most SaaS Landing Page visitors ask is How much is it?. This should always be answered with full transparency, no tricks.

And the second? I’d argue it’s to show them the exact steps needed to go from sign up to smooth sailing. Invest some time here. Use numbered lists. The more visual it is, the better.

If you can show the Landing Page visitor just how easy it is to get started, they’re more likely to give it a try.

Landing Pages with How It Works - A collection of Landing Pages I've curated featuring how it works sections.
How it Works Examples - An ongoing collection I've put together of well-designed or interesting How it Works sections in Landing Pages

The end.

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