The design process of the Arriva logo

11 Feb 2016

It’s always great when you’re involved in the design of a project from the very beginning, and you can design everything from A till Z. Especially if you share the same passion about the project as the client. In this case: coffee, and riding your bike! Today I would like to share my experience on the design process of this project, called Arriva, a small start-up company.

Arrive logo & web site

Logo design briefing

This project included the design of the company logo and brand identity, plus the design and development of the Web site. The logo brief was very precise and well described towards design style, and global look: “We’re thinking along the lines of Faema-like typeface, red pennant, checkerboard pattern (cf. Peugeot jersey), maybe use an exclamation mark?…”. Furthermore, the client also had a preference to use the color red in the logo, as an accent color in combination with a dark color, either black, dark brown or dark grey. I also had to make sure that the logo could work as an icon that stands on its own. These were some basic and very straightforward ideas, and served more as a guidance and a sense of direction to get me started.

The meaning of the name

Arriva is Italian for arriving at the finish. The red pennant in cycling races announces the last kilometer in the race (1 km from the finish), the most intense and most beautiful phase of the race. Arriva wants to express your cyclist’s high, your deserved break, and so the tagline of Arriva is ‘Your ride. Your break.’. It perfectly expresses its meaning and what the company and brand stands for.

First doodles & ideas

With the basic ideas in the back of my head, I grabbed pencil and paper and started doodling some ideas. One of the ideas was to turn the capital V into a cup of coffee. Then this V shape could also serve as an icon.

First logo idea sketches

I also played with the idea of using both the letters A and V, and having this V shaped cup of coffee icon as a separate item in combination with the letters fully written. Another idea was to work with the shape of a coffee paper tissue coaster. Plus, I liked the idea that the shape could maybe also be referred to as a bike’s chainring (adding some adjustments to the curves).

Color suggestions

The above image shows our color suggestions.

Typface suggestions for logo and tagline

The above image shows the typefaces we had in mind for the logo and the tagline.

Together with these designs, I also presented some ideas for colors & typefaces, and I worked out 2 ideas I found interesting. I decided to add in a version with a worn grunge effect, just to see if this could be a style that matches what my client had in mind. Mind you the (Illustrator) logos, were just quickly ‘mocked up’ in Adobe Illustrator, and so definitely far from finished versions. Just presenting some concepts and ideas was the sole purpose in this phase.

Logo concept 1 : label style

Concept 1: The logo as a label, using the shape of a coffee paper tissue coaster.

Logo concept 2 : icon centered above the name with a grunge effect

Concept 2: I was thinking about how the logo could be represented in combination of a checkerboard pattern (cf. Peugeot), placed on a caravan or a banner. Although this idea was pretty quickly dropped since it reminded too much of Formula 1 car races. Then I was also presenting the idea of adding in a subtle worn grunge effect.

Feedback

It seemed these ideas were a good start. I was on the right track, especially the idea of using a small label for the icon. Exploring this idea further and maybe changing the shape of the tissue coaster more into a chainring was definitely an option to look into. My client also mentioned they wanted to use banners, in vertical and horizontal shape. If I could think about a design with the logo, and tagline…

First logo design proposals

In this phase I tweaked the typography to better match the letters of the Feama logo.

Steps from the original typeface to logo shape

I started from Neutraface Condensed Medium, and…

  1. I tweaked the letter A so the bars lined up with the bars of the double R
  2. I made the lettershapes thicker (via Object > Path > Offset Path…)
  3. I removed the sharp points of the V and A
  4. and I added a tiny bit of rounding in the corners (using the very handy corner handles in Illustrator)

There wasn’t a decision made yet whether to keep or drop the grunge effect. So for now I continued using it. I liked the subtle touch of the effect, but wasn’t sure myself at this point if the logo itself also needed it.

Very first logo design proposal

The above image shows my first design proposal, using the Faema-like typeface in combination with a ‘label’ icon centered above the name in the shape of a chainring.

2nd logo design proposal

The above image shows the 2nd concept of a label design, using the shape of a chainring, but also serving as a coffee tissue coaster.

Just exploring more options with bike riding & coffe in the back of my head

In the version in the image above, I was just exploring more options, translating the ‘riding your bike & coffee’ into 2 icons.

Exploring more typographical options. It was an idea that I just wanted to try out.

While I was playing with the shape of the letters, I also tried out these double lined letter shapes, which I found interesting,… Though, it didn’t make the next round.

In this phase I also decided to present the logo designs as how they could look on a letterhead, business card, envelope or an object such as a pencil.

Arriva logo design proposal 1 presented on a letterhead, business card, envelope and pencil Arriva logo design proposal 2 presented on a letterhead, business card, envelope and pencil

Then I also played with the idea of using the triangle shape as a background pattern. It could work perfectly for a banner.

First design proposal for the Arriva banner

Some more logo design variations

A whole bunch of variations were created, based on the idea of a coaster icon in combination with the Faema typeface.

Presenting the logo designs in combination with a design proposal for the banner.

I also played a bit with the triangular shape of the icon, making it sharper, less sharper…

Associated banner design Trying out a wider typeface and no icon

The idea came to mind to use a rebus to translate what Arriva is about for the banner:

The associated banner design Icon in the shape of the letter V Exploring options for the icon design

Further exploring on the icon design…

At a certain point during this phase, this twisted fun idea was suggested to try out:

Just a twisted fun idea we had to try out :)

The idea intrigued me for sure, but somewhere in the back of my head my intuition told me it wouldn’t work. Though, I have been wrong many times, thinking ‘nah this won’t work’ and then when I actually try it, I ended up with something surprisingly good and strong. So always try ideas out, even if you think upfront it will lead to nothing. You never know.

It was time to put all the designs next to each other and compare… It was hard to decide which one was best, and 4 people had to come to a mutual decision. The best thing you can do if there isn’t a version jumping out, is letting it rest for a bit. Let it sink in.

A short pause

After this short pause, it seems the logo wasn’t just there yet, and we decided to try out a bit of a different route, keeping the part we liked: the typeface. It was the icon that needed work. We thought maybe we need to drop the coffee mug or paper coaster idea, and focus more on the meaning of the name: the finish (of a race), and the red pennant. So the idea came of changing the A, and adding this red pennant in. This triangular shape could work perfectly, no? So we tried it out and so the new logo was born.

The almost final logo

I decided to add this red triangle to the 2nd A because the first A had this nice sync with the double R. It just felt more in balance this way. Plus, the last A, is also the finishing A.

Finalising

In the last phase we decided to drop the grunge effect and go for plain, clean and strong black in combination with red, instead of dark brown.

Final logo design

Banner design

While working on the Arriva logo design, I also worked on the design of a vertical and horizontal banner. These 2 were the final and approved designs:

Final vertical banner design

The final vertical banner design

Final horizontal banner design

The final horizontal banner design

T-shirt design & icons

The banner design was followed up with a t-shirt design, that would be screen printed in 3 colors.

Arriva t-shirt design

Later on when we started with the design of the web site, we frist created an illustration of ‘Eddy’, the retro-caravan and the 3 mayor icons that presented Arriva’s services: mobile coffee shop, bike repair service and shop. These would then be used for the design of the web site.

Arriva t-shirt design with the Eddy retro-caravan

Arriva logo, the ‘Eddy’ retro-caravan illustration, the Arriva logo icon with pattern background and the 3 Arriva service icons.

Arriva’s ‘Eddy’ retro-caravan

The Arriva retro-caravan was baptised ‘Eddy’, after Eddy Merckx, best cyclist of all times that put the Faema espresso machines on the map in the 60's, a wink to coffee and cycling.

The Arriva Eddy retro-caravan The Arriva Eddy retro-caravan in action

Hope you enjoyed the read. In a next article I talk about the design and development of the web site.

Comments

  1. 1 Eva 14 Feb 2016

    Hi Veerly, I follow you since 2013, your designs are my inspiration! When I’m stuck with some problem I can’t fix, I think “Ok is time to check Veerly’s web”.
    Today I was reading this post and let me tell you I loved the way that you have to bring the concept to the paper. Thanks for share with us! :D Eva, from Argentina

  2. 2 els 20 Feb 2016

    Thoroughly enjoyed this write-up. To share the whole process step by step is so interesting to learn from. You need all those steps in between to come to this fabulous end result. You are so very good!
    Ook goed dat je nog steeds je website bijhoudt en dit soort artikeln en tutorials schrijft.
    Heel veel dank! Keep up th good work.

    Els
    from Maine

  3. 3 Ana 25 Feb 2016

    Amazing branding! Thank you for giving a sneak peak of the design process :)