Digital brand identity.

We were invited to Spain.info redesign pitch, the official tourism portal for Spain.
This is our proposal, designed from user experience basics translated into high-end applied graphic solutions.

WELCOME TO THE NEW

 

 

Mobile first.
The Journey starts here.

As of May 2017, most of the webpage visits come from mobile devices. 

The new Spain.info design follows the mobile first philosophy, ensuring an optimal navigation experience in any screen or device.

Liquid Modular Design.

The responsive, modular design, facilitates content management and updates, allowing fast seasonal updating resulting in a richer experience for the user.

spain4spain4

Impressive Everywhere.

Browsing on mobile is different than doing it on desktop. We designed the mobile experience for fast and casual browsing, focusing on content social media style.

Header / Mobile

Simple, useful, accesible.
Specially adapted for mobile browsing, fully functional while discreet, so users can focus on content.  

Header / Menu

One of the biggest issues to adress was to arrange the many options spain.info offers to the traveler. A dedicated space and a parent-child structure made the trick.

We used a combination of two typographies, sans and serif, to focus on the readability and to have a strong and unique personality.

A new icon library was specifically developed for the occasion, looking for simplicity and easy interpretation.

Either on mobile or desktop, we wanted content to be king. The most visual space for stunning images, videos, or seasonal material.

spain17spain17

Grid / Layout

In Mobile, content adapts to full screen. For desktop we used a responsive grid to organise the content in a pleasant and visual way. 

A visual identity created for the times to come, with infinite content possibilities, and ready to for the multi-screen world we live in. 
 

TECHNICAL TEAM

Full Circle Karma:
Hugo Olivera, Sigfrid Mariné, Jaume Leis.

Art direction:
Plácido Salazar, Jaume Leis.

[unex_ce_button id="content_d4g7aqilx,column_content_v8uhn03l9" button_text_color="#333333" button_font="semibold" button_font_size="38px" button_width="auto" button_alignment="center" button_text_spacing="4px" button_bg_color="transparent" button_padding="30px 160px 30px165px" button_border_width="2px" button_border_color="transparent" button_border_radius="50px" button_text_hover_color="#fff9f9" button_text_spacing_hover="4px" button_bg_hover_color="transparent" button_border_hover_color="transparent" button_link="https://www.wearefck.com/work/jb/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]NEXT PROJECT[/ce_button]
[unex_ce_button id="content_zoxg6uzll,column_content_b2fwdobry" button_text_color="#cecece" button_font="semibold" button_font_size="12px" button_width="auto" button_alignment="center" button_text_spacing="6px" button_bg_color="transparent" button_padding="30px 60px 30px 65px" button_border_width="1px" button_border_color="#727272" button_border_radius="50px" button_text_hover_color="#2d2d2d" button_text_spacing_hover="6px" button_bg_hover_color="#727272" button_border_hover_color="transparent" button_link="https://www.wearefck.com/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]BACK TO HOME[/ce_button]