Landing Page Redesign

Overview

This project was a redesign of the landing page for the free trial of InsightVM, an agent-based vulnerability management software. The purpose of the landing page is to get users to download Insight Agent, the software that collects data to use in InsightVM.

Purpose & Problem

We want users to get the most out of their InsightVM free trial. They should be able to:

📊

Download Insight Agent to be able to collect data to interact with

👀

Understand the key features of InsightVM at a glance

🙋

Easily find a way to contact us if they need help

💾

Download the on-premises scanner as an alternative to the agent

However, the hierarchy of the page is preventing users from getting the full experience from their free trial.

The Redesign

The goal of the redesign was to get users to set up data collection by downloading Insight Agent. This allows them to interact with real data during their free trial of InsightVM.

Through several iterations, the landing page was redesigned to improve the hierarchy of the page.

Breakdown of the Changes

We identified four main areas of improvement:

Key features are hidden under accordions
On-premises scanner information is easy to overlook
Reduce visual clutter of the download Insight Agent CTA
Contact link can be hard to find

Below is a closer look at how we changed the page to improve these areas.

Key Features At-a-Glance

Previously, details on the key features were hidden under accordions. We want to display them up-front so there's no clicking around to get information.

To make it easier to scan the sections, we added icons to break up the wall of text. The heading of each section was also enlarged to create a visual hierarchy and group the sections.

Key Features (Before & After)

Iterations

After exploring several options, it was narrowed down to the one with the best scannability and consistency with the design of the product site.

On-Premises Scanner Prominence

Some users want to download the on-premises scanner instead of the agent. However, the on-premises scanner section blends in with the surrounding text, making it easy to overlook.

To increase prominence of the on-premises scanner, it was moved closer to the Insight Agent download CTA and changed to a card.

On-Premises Scanner (Before & After)

Iterations

For the on-premises scanner, we tried out several placements and styles before putting it below the Insight Agent Download card.

Download Agent Call-to-Action

When landing on the page, there are several blue buttons for downloading the agent and causes visual clutter. It would help to have a single focused action.

There is now a single blue CTA button. After clicking on it, it shows the download options for the different operating systems.

Download CTA (Before & After)

Iterations

CTA buttons were reduced to a single download button and different options were explored for what should happen when the button gets clicked.

Contact Link Visibility

Not being able to easily find help prevented users from downloading the agent. We wanted to make the contact link easier to find.

We changed the "contact us" link to a button for more prominence. In addition, by adding a banner at the top, we added another way for users to find the contact link.