You are browsing Hot Tips featuring:
Demos
Landing Page lessons related to the product demos.

Include an explainer video

Hot Tip #86 is to include an explainer video.

Well-thought-out explainer videos can help improve conversions for complex products or services.

⏳ Keep it under 30 seconds (longer can work, but only if brilliant)
💬 Use subtitles
👆 Don’t forget the CTA at the end

Conversely, a rushed explainer video without a budget or refined script will hurt your brand and Landing Page conversions.

  • Landed – Video Editors - A service to help pair you with a great video editor. Pricing starts at $3k for a full month with a junior video editor. They could also help produce a full fleet of social media vids to align with the Landing Page.
  • Fiverr Explainer Videos - Great to outsource 2–3 cheap concepts to help brainstorm the final product.
  • Artlist - One of the best video stock libraries out there. I used them for the explainer video for this Ebook. If you struggle with speaking clearly, they also have a very respectable AI text-to-voice generator. This could help give your video that professional edge you need.

Bring it to life

Hot Tip #91 is to bring it to life.

Skeuomorphism is the design concept of making digital items resemble their tangible real-world counterpart.

If you are selling a book, consider using a book mock-up template to bring it to life in your Landing Page:

Book Cover reference

I grabbed this book template from Creative Market and it made a huge difference to the Hot Tips Landing Page design.

Selling a print? Why not put it in a frame and overlay a leaf to really bring it to life:

Print reference

Pre-selling property? Give it life with an aerial view of the desk and the beautiful plans strewn across it:

Print reference

Another trick to bring your offering to vibrant life is to add a subtle drop shadow behind the image, product mock-up, or browser screenshot:

Drop shadow design reference

The above subtleties aren’t noticeable at first but collectively mold into a beautiful Landing Page design, like this:

Drop shadow design reference
  • Unboxshot - A service specializing in stop-motion unboxing animations for your products. Instant delight in your Landing Page.
  • Depth Inspiration - A collection of 50+ Landing Pages I've curated featuring a perception of depth within the page.
  • Aerial View Inspiration - A collection of 80+ Landing Pages I've curated with aerial view shot.
  • Creative Market Mock-Ups - The device mock-ups category is filled with unique options by their community.
  • Device Mock-Up Inspiration
  • 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.
  • Ray - Useful little web app to generate beautiful images of your code snippets. Supports a bunch of languages and features a neat UI options panel including dark + light modes.
  • Rotato - macOS app to generate fancy rotating device mock-ups. Free to try, then $40.
  • Smartmockups - Tool with a more diverse (tees, cups, devices) set of mock-ups. Free for 200 mock-ups then $9/month.
  • Lstore Graphics - Top quality device mock-up resource. Video options too!

The end.

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