LendingTree Form Skin and Landing Page

The marketing team for LendingTree (LT) made a major update to their branding by releasing a new style guide for their website and the forms for their main lending products. The changes were being completed to coincide with a nationwide television commercial campaign that had a hard launch date. LT wanted to take advantage of this visibility by extending these new styles to other products and I was tasked with updating the company’s insurance forms.

Auto Insurance Form, Desktop

LendingTree Form Vehicle Information

Vehicle Year Page

LendingTree From Contact Information

Contact Information Page

Auto Insurance Form, Mobile Layout

LendingTree Form Vehicle Information

Vehicle Year Page

LendingTree Form Contact Information

Contact Information Page

Paid Search Landing Page

LendingTree Desktop Landing Page

Desktop Layout

LendingTree Mobile Landing Page

Mobile Layout

Concept

I met with LendingTree’s (LT) marketing team and they shared their new style guide and the timeline for the cross-product launch. The deadline was tight, and the insurance form had some restrictions, so I worked with the insurance product manager to create the necessary tickets and prioritize them.

Design

Given the deadline, I only had a week to finish my side to ensure this form would be ready for traffic. The insurance funnels team treated LT as a new brand, which meant that an independent stylesheet is added to the build to control the new look and feel. No HTML or JS was available to me, so all changes had to be done in CSS.

I created a few quick mocks of example slides. I chose elements that would highlight the ways the insurance form would be incompatible with the LT style guide. I met with the LT marketing team and explained that we could not change the HTML structure of our page or the components. They were satisfied with the CSS updates and I was given the greenlight to start coding.

The insurance paid search team also saw these mocks and asked me to create a landing page for a campaign for the new LT style. The LT marketing team reviewed and approved this landing page as well.

Code

While I was completing my mocks, the insurance project manager and the funnels team finished their work so this form would have a unique URL and stylesheet. I was able to jump right into the styles and make my updates. I worked on my own ticket in the developer’s board so they could see my progress and coordinate it’s release with their scheduled deployment.

Once the page was live and tested, it was sent to the LT marketing team for review. They approved and asked the insurance media buyers to add this creative to their paid search campaigns so it would be ready for the launch date.

If you would like to get in touch please email me at [email protected]

View My Resume