Repsol landing page designs

10/2019

UI Design

Giada Viti

Landing Page Design Renewal Contest - t2ó

To t2ó Digital Media Agency, the company where I worked, 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 managed multiple projects for this client focused on promoting special offers, services, and digital products. These designs included banners for different platforms, video ads, newsletters, and responsive landing pages.

The following works, created in 2019, consisted 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

To optimize online traffic and 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 template aimed to maximize lead capture and featured the following elements:

  • The company phone number displayed at the top of the page. 
  • A form on the right side of the hero section where users could insert their phone number and send it to Repsol.
  • An invoice upload form positioned at the bottom of the page.

The page provided information about main Repsol services such as gas and electricity, using straightforward text and imagery.

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

The inclined line dividing sections feautured a 12-degree angle, which was one of Repsol's main corporate design elements in 2019.

Using this initial layout as a foundation, I created several additional landing pages for this client throughout 2019.