The making of the Beeline for Business website layouts

Understanding the work processes of different business segments, starting to plan individual pages. Describing all possible usage scenarios for the website.

The main page. For the sake of stylistic unity we decide to maintain continuity with the website for individual clients.

The art director doesn’t like the first screen. Instead of the banner we need to show something useful for business customers together with explanation on how a business segment is defined. We can, for example, take pictures of real business clients of Beeline and make them tell about the benefits of the services.

Deciding to show business clients talking about the services they use. Using the corporate brown color as a distinctive feature.

Simultaneously working on the inner pages. Half of the product pages are dedicated to traditional and understandable services (like calls and internet), but the other half is about complex ones that are difficult to understand. For them we create separate pages explaining what these services are and how they work.

Finalizing the plan page.

Improving certain elements. Coming up with a new look.

Simplifying the receipt and making it look less like a receipt. Abandoning excessive graphic elements and focusing on what’s really important.

The “purchase a new plan—switch to a different plan” switch becomes more noticeable and clear.

Making the icon graphics lighter.

Retypesetting the plan range page as it’s much easier to compare plans when they are in a list.

Drawing inner pages.

Inviting business executives to the studio and photographing them for the main page.

After 8 hours of shooting.

Also taking a picture of a girl for the call center. Yevgeny wanted to be photographed but Olga is more beautiful.

Getting the content for the main page from the client and drawing the graphics.

Trying to create calligraphic headlines for the page on channel rental.

For the sake of practicality and easier support settling on the Clementina typeface.

Finalizing technical graphics.