• Websites
  • Gazprom
  • Intranet University

    The making of the Gazprom Neft Corporate University website mock-ups

    Overview• Process

    Studying the technical requirements submitted by the client and looking at the existing portal. Understanding its structure and capabilities.

    gpnu process 01

    One of the client’s wishes is to optimize the multitude of the portal’s use scenarios. Clearing up and refreshing the structure. Starting to insert the scenarios mentioned by the client and tweak links.

    gpnu process 02

    Realizing that the number of scenarios and roles is becoming pretty large. Sketching all possible variations on the structure.

    gpnu process 03

    Making the first attempt at the main page from the standpoint of a regular employee living a full life on the website.

    gpnu process 04

    The attempt fails and chaos starts to onset in the project due to the complexity of the task and broken communication with the client. Soon charts and pictures become confusing to everyone, so we decide to start from scratch.

    Changing the team of designers and spelling out the task. They absorb themselves into the idea and re-conduct research and design. It becomes clear that our first priority should be making the portal’s structure simpler and suggesting another way to present information and identify points of attraction. Collecting the problems and suggestions into a presentation and discussing it with the client. The right direction is identified.

    gpnu process 05

    Getting the client’s approval for the direction and making sketches of the mock-ups.

    gpnu process 06
    gpnu process 07
    gpnu process 08

    Another attempt: making the design simpler and putting an emphasis on adding skills and opening more advanced courses.

    gpnu process 09
    gpnu process 10
    gpnu process 11
    gpnu process 12

    The art director asks to add some tangible and visible benefits to skills and present them in such a way that would make the users want to get more. Like in a role-playing game where nicely written descriptions of skills make players want to get all of them at once.

    Developing the skills, adding a statistics block to the main page, developing the theme on the user’s page and drawing the article page.

    gpnu process 13
    gpnu process 14
    gpnu process 15
    gpnu process 16

    Starting to make the whole thing beautiful.

    gpnu process 17
    gpnu process 18
    gpnu process 19

    Art director: The site’s “face” doesn’t look cool. First of all, banners don’t look like programs, more like article announcements. Does a course have a clear and recognizable trait? And overall, the top block is unconvincing, it doesn’t look alive. What are its states? I want to see four or five just to believe.

    Reworking the main page.

    gpnu process 20

    Art director: You’re moving in the right direction. To make the result event better, you need to work on different states: a new user making the first visit, or a guy starting a course, or in the middle of one.

    If you keep one state like you have now, the user will get used to it in a week and get tired of it. There should be space out there that would interest, encourage and help users. Right now it’s hard to imagine a visitor being happy and eager to learn visiting the same page for many days over.

    Coming up with various states.

    gpnu process 21
    gpnu process 22
    gpnu process 23

    Art director: OK.

    Finalizing the mock-ups and the lorem ipsum page and sending everything to the client.