Repsol Landing Page Designs

October 15, 2019

UI Design

Giada Viti

Landing Page Design Renewal Contest - t2ó

To t2ó Digital Media Agency, the company where I am working for, Repsol is one of the most important customers.

Repsol is a global multi-energy company based in Spain focusing on digital technologies and innovation, supplying sustainable energy products and services.

Always adhering to Repsol's brand guidelines and design system, within t2ó, I manage multiple projects for this client focused on promoting special offers, services, and digital products. These designs include banners for different platforms, video ads, newsletters, and responsive landing pages.

The following works, created in 2019, consist of high-converting landing pages designed for a contest and other promotions.

Landing DUAL, Luz y Gas

The contest aimed to renovate Repsol's landing page designs and copy used as key assets in online marketing campaigns, with a focus on driving traffic conversion.

Goals

Optimizing online traffic to drive sales through digital channels, thereby increasing the client base in subsequent years.

Considering Repsol's brand guidelines, I designed a new structure for their landing pages with a more innovative style. This design was then used for other promotions throughout the year.

The new design aims to maximize lead capture having the following elements clearly visible:

  • The company phone number at the top of the page. 
  • A form in the right side of the Hero Shot where the user can insert the phone number and send it to Repsol.
  • A form at the bottom of the page where users can upload invoices.

The page provides information about main Repsol services such as gas and electricity, using pictures and text that is straightforward for users.

Navigating the page, users can easily connect with the company by submitting their invoice information to receive a tailored, more convenient rate.

The inclined line dividing sections from top to bottom has a 12-degree angle, one of Repsol's main corporate design elements in 2019.

Based on the above design, I then created several more landing pages for Repsol during 2019.