DrupalCon Barcelona 2015

Overall conference design and branding for the open source conference DrupalCon

In Los Angeles, Drupal Association announced the launch of the website of the next European DrupalCon that will take place in Barcelona. Our creative team and guys from Association worked on this website for a few months doing our best to make a cool website which provides the feel of Barcelona!

We started our work with a few meetings with the Association's representatives: we discussed a future content and main design requirements. Our partners provided necessary wireframes and we started our work on the drafts. In the beginning, we created three concepts of a hero image to set a general mood and a style of the website.

image2
image1
image7

For the first version, we used 3d letters and famous buildings and symbols of Barcelona. We added the map of Barcelona with Eixample grid; it allowed to make the whole composition deeper. Also, it was linked to the logo design.

The second version used simple flat shapes and mosaic details. For the third version, we used a famous view of the city and a blurred decorative element on it to emphasize the logo. Association liked the second version; the first looked too "touristic" and the third was too dark.

After that we started with the designs of the homepage. First, we planned to organize the content in contrast-colored visually separated sections like it had been done for the Los Angeles DrupalCon website. We used diagonal elements like on the Barcelona DrupalCon splash page and subtle patterns and photos of Barcelona.

image5

In general, the team from the Association liked this concept but they asked us to try to add brighter colors from the logo all over the page and make smoother transitions between sections. The updated version was created soon. We added more mosaic details to the hero image. For the News & Updates section, we created the flat illustration devoted to the seaside. Transitions between sections were made with waved lines. Session Tracks section became brighter; also, we added some mosaic pieces to the footer. After the next revision, we added more background patterns and flying colored pieces of mosaic similar to the splash page.

image6

But after some time it was decided to change the design of the homepage significantly. We were asked to remove contrast dividers between sections and add some elements which could lead a user's eye from one section to another in a gentle way. Also, it was necessary to create another hero image: westering vector cityscape.

We drew a new hero image and added more diagonal lines and flying mosaic pieces to set a visual rhythm on the page. The Barcelona locals from Drupal Association asked us to create new icons for Session Tracks; new icons looked like an abstract pattern from Barcelona's ceramic tiles.

image3

Later on we polished this concept and approved this design of the homepage:

image9

Also, we made a few designs of inner pages.

image4

We'd like to thank all the team of Drupal Association for the great collaboration! Local members helped us to learn so many new things about Barcelona. Every week we had meetings with coordinators to discuss our progress. So we want to say thank you to all who created this great website with us!

Check out the official website and see you in Barcelona!

P.S. We always glad to provide a free consultation for you!

Next case study

Green Street Solar

Website redesign, mobile version, and logo design for the solar systems installation company