CASI Platform

Branding, Strategy, UX, Wireframes, Prototype, Interface Design, Creative Direction, Visual Design

CASI includes 19 partner organizations from 12 countries in the European Union, and relies on an extended network of national experts in the remaining 16 countries not represented in the consortium to ensure coverage and inquiry in every EU member state.

TOPTAL CASI 16001200 – UX – 1.png

I based CASI branding and design on the ideas of being simple and smart. The experience should be positive while searching, reading and creating any type of content, be it on the website or printed documents. With the high level content that CASI has to offer, it is essential to provide a comfortable and clean user interface. As most of the project content will be textual, we believe that presenting it along with the large, nature-inspired images, brings the desired balance.

CASI branding and design has to be both smart and simple. It should bring a positive experience while searching, reading and creating any type of content, be it on the website or printed documents. With the high level content that CASI has to offer, it is essential to provide a comfortable and clean user interface. As most of the project content will be textual, presenting it along with the large, nature-inspired images, brings the desired balance.

I based it in the idea of bringing the 3 basic CASI pillars into the core of the logotype as a letter A.

In regards to the typefaces and text treatment, the main headlines and paragraph style have been defined by a mixture of a serif and non-serif typeface. In this way, we offer a nice contrast between headers, some of them also using bold or italic version. CASI can upgrade the reading experience by using decent sizes and interline spaces in texts, giving a clean and smart reading environment. 

Also, a special typeface is used exclusively in charts, statistics and complementary text. 

Logotype Structure

Logotype Structure

TOPTAL COVER 750x500.png
Sitemap, Logic Flow, and General Wireframes

Sitemap, Logic Flow, and General Wireframes

Desktop Version

Desktop Version

Mobile Version

Mobile Version