Landing Page Images

Annotated screens

What: Images are a powerful way to show your product but can be overwhelming. Using annotations and labels can help point the user to critical info, or contextualise the benefits.

Examples

Microanimations

What: Short animations can explain flows simply and help you bring your product to life on your landing page.

Examples

Diagrammatic images

What: Visualise complex flows and processes with simple diagrams, like on these leading landing pages

Examples

Watch me roast well-known SaaS landing pages

What: show your visitor what life will be like after implementing your product. Tell that story with words, metrics or visuals. See 7 examples below.

Popwork's brilliant landing page

Basecamp's landing page

Nomad Cooks: before and after

Hotjar's new landing page

Created by Olly

šŸ¦ Follow me on Twitter. šŸ“§ Email me your suggested ideas, tips and how-tos to include.