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.