The making of the Shtokman website

Overview   Process  

Choosing infographics for the backbone of the site. First sketches of the front page.

001
002

Laying out other pages with infographics.

003
004
005
006
007
008

Evolution of the offshore gas extracting complex illustration.

“Logistics” section illustrations development.

“Participating Russian companies” section typography.

Books photosession for the “careers” section.

012

Modeling and rendering the rest of the elements.

013

Drawing the icons.

014

Returning to the front page. Thinking about stretching a flat map on a sphere to make a globe. Testing the idea. While we are at it, experimenting with colors, volumes, borders, and such.

015

The resulting layout goes to technologists.

016

Designing the rest of the unique pages.

017

At this point the customer requests Earth to be photo realistic. Checking it out.

018

Creating Earth in 3D and polishing it.

019

Working on an alternative front page to show up while the main one is busy downloading the globe.

020

Animating a gas pipe frame-by-frame.

021

Order a design...