Barier: the campaign landing on a laptop above the clouds
Progetto

Barier

Anno
2019
Cliente
Barier

Chi siamo

Barier makes water filters. For its Ecological safety campaign, which asked people to bring used filter cassettes for recycling instead of throwing plastic away, we designed a landing page with web animation.

Challenge

Draw more people's attention to plastic waste while the campaign ran, and tell them what they can do: use a filter instead of bottled water and hand in old cassettes at a collection point.

Approach

The look is built on air, nature and purity: snowy peaks above the clouds, a cold blue palette and plenty of white space. The hero sets the campaign name over the mountains, then the page drops into a grey city skyline to talk about the problem.

The story in steps

First the filter jug and the idea of less plastic and more room for life, then what to do with a used cassette, then the cassette's journey from the shelf to recycling, drawn as a simple line of icons. A map shows where to hand cassettes in, and a separate block helps people whose city has no collection point yet. The page ends with articles about the problem.

The full landing page from the hero to the footer

On every screen

We built the page on a Bootstrap grid, so the landing adapts to phones, tablets and desktops, and animated it for the web.

Ambito

  • 01Campaign landing page
  • 02Web animation
  • 03Prototype
  • 04Responsive layouts