THE PROBLEM

A new gated landing page design was scheduled for the end of the quarter plan. However, midway through Q3 in the midst of preparation for a number of events, the Forrester report was added to our docket. We needed the revised gated landing page design in time for the Forrester launch, however due to time constraints and conflicts with other deadlines we did not have the resources to move up the project.

Gated landing page system

Phase 1

The main goal of this phase was to create something one to two steps up from the current page. A simple, clean layout that aligned with the website and applied the strategic visual changes we were making across the brand. About 20% of the exploration was directed at planting some seeds for more drastic exploration and bigger changes later.

Phase 2

We selected a direction for the Forrester launch gated landing page from these initial layouts, I created a few more iterations, and the design was finalized. I worked closely with an in-house developer assigned to us for this project to bring it live.

Phase 3

Following the launch, I revisited the initial exploration and, using that as a launching pad, reimagined a completely new look and feel. We had the same in-house developer assigned to us for this phase, but we would not have his, or any developer’s, guaranteed assistance on every landing page. I crafted a modular system with two potential background gradients, plug-and-chug options for headers, statistics, content blocks, quotes, and illustrations that would allow us to be completely self-sufficient. The developer, content manager, and I worked closely to set the team up with ten starter layouts.