Barier
- 2019
- Barier
Sobre
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.
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.
Âmbito
- Campaign landing page
- Web animation
- Prototype
- Responsive layouts
