close
contact us
ECCO –

ECCO: the new Italian think thank for climate change

ECCO is the first independent Italian, non-profit energy and climate change think tank. It was founded with the mission to accelerate climate action in Italy and around the world. Latte Creative worked with this newborn reality to develop its identity from all perspectives, and summarise it in a brand new website.

Bubble_Mobile_ECCO

Naming

After two brainstorming sessions with the client, we came up with the Italian word ‘ECCO’, which is an acronym for the main themes that it focuses on, energy and climate change, and in Italian evokes a sense of urgency and innovation consistent with the approach we all must take towards climate action.

Naming_Visual_LogoWithpayoff_mobile Visual_naming_Ecco_withpayoff
Logo_Desktop_ECCO

Visual Identity

We designed ECCO’s identity from scratch and ended up with a complete brandbook.
We started from the logo: we added a slash to the final O to transform it into a zero that stands for ECCO’s main goal – cutting emissions to zero. As the main font we picked Montserrat and we came up with a palette that works well on black so that we could play with contrasts.

Logo_Mobile_ECCO
ColorPalette_LogoDeclinations_Mobile Colorpalette_Logo declinations
Font_IconSet_mobile Fonts_Iconset_Ecco
VisualBasic_Affissioni_VisualID_Mobile VisualBasic_Affissioni_VisualID_D-min

Website

The website was co-designed with the client. It features ECCO’s vision and mission, the team and the funders. At its core, the think tank’s programmes can be found: each of them is represented by a dedicated icon. A lot of resources and an easy to consult agenda are available to the users.

MockupwebSite_ECCO_Mobile MockupwebSite_ECCO_Desktop
Doctors Without Borders –

Search and rescue: saving lives at sea

A website with all the information about Search and Rescue activities to show how huge and important is the work done by MSF in the Mediterranean, with an interactive map and detailed graphs.

 

header saving lives at sea doctors without borders

Data visualization

Images work better than words when explaining complex facts.

Data and visual reports allow the user to easily interpret MSF activities: everyone can quickly grasp the most significant information on MSF rescue operations in the Mediterranean from 2015 until today thanks to mouseover functions and filters to select specific years of activity.

data visualization saving lives at sea doctors without borders

Interaction

An interactive map that allows the user to explore a lot of information in an engaging and easy way.

Together with Code for Africa we implemented the interactive map, a tool that allows the user to explore a lot of information in an engaging and easy way.

Filters can be used to select specific vessels and different types of the operation, while ships are displayed by dots that, when clicked, open a data sheet with detailed information such as the number of people rescued and the duration of every operation.

mockup website for interaction section of saving lives at sea doctors without borders

Flexibility

A modular structure that doesn’t interfere with the stability of the site.

The entire website has been designed and developed in a very short time, while different contents were being constantly produced, updated and translated even after the launch. The need for it to be as much flexible and yet stable as possible was crucial, so we built a structure based on modules that can be filled and assembled in different ways without affecting the site’s overall stability and always ensuring smooth navigation throughout the pages.

image for flexibility section of saving lives at sea doctors without borders