• Websites
  • Shtokman
  • 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


    © 1995–2019 Art. Lebedev Studio



    Order a design...