The making of the Beeline social networks pages

Overview   Process  

Designing a YouTube page that is later turned down because of the service restrictions.

beeline process 10

First idea for a Facebook page.

beeline process 11

Getting a new objective: to create a unified visual identity for all networks. Studying each network’s features and figuring out how to design all company pages in one style. Let it be a signature pattern.

Drawing a collection of icons.

beeline process 01

Making a pattern.

beeline process 02

Starting with Facebook as the most flexible network. Thinking about the starting page. Apart from the navigation, making a large clickable Like button. Trying different approaches.

A Like made of icons:

beeline process 03

In the style of Milton Glaser:

beeline process 04

The button version:

beeline process 05

Bringing in an illustrator to design the pattern. Coming up with an idea to leave only one element—a bubble—and make it bigger. Looks good, leaving it.

beeline process 06

Apart from the pattern with large bubbles, making a version with small bubbles to use it as a background for banners, menus and other functional elements.


Abandoning the idea with the Like button and replacing it with a counter with an arrow. Putting menu items into bubbles.

beeline process 07

Applying the design to other networks pages.

beeline process 08

Making an alternative animated background for the Google+ page.

beeline process 09

Drawing out the rest of the icons for Facebook and Vkontatke, checking the typesetting of all pages, writing a social media corporate identity guide.

beeline process 12
beeline process 13
beeline process 14
beeline process 15

Order a design...