1.0   2.0  

The making of the Kyivstar website 2.0

Overview   Process  

Creating an informative website for cross-selling of services.

A landing page for all client groups (it is still unclear if we need it at all):

kyivstar site2 process 01

For private customers:

kyivstar site2 process 02

A plan page:

kyivstar site2 process 03

The client asks for more interactivity and color. Painting the background, proposing a banner carousel, highlighting the key event. Approved.

kyivstar site2 process 04

Trying out group pages.

kyivstar site2 process 05
kyivstar site2 process 06

Drawing icons.

kyivstar site2 process 07
kyivstar site2 process 08

Turns out we do need a landing page. Piling up ideas.

Levels:

kyivstar site2 process 09

The pages name themselves:

kyivstar site2 process 10

Hidden content:

kyivstar site2 process 13

No pictures at all:

kyivstar site2 process 14

A view from above:

kyivstar site2 process 15

Space:

kyivstar site2 process 16

The guys came over:

kyivstar site2 process 17

And a simple banner, of course:

kyivstar site2 process 18 0

Four banners:

kyivstar site2 process 18

The client picks the latter option, developing.

kyivstar site2 process 21

The option is approved, finalizing.

kyivstar site2 process 22

We need to make this story more interesting. Back to generating ideas.

kyivstar site2 process 24

Inventing the characters that would follow the mouse with their eyes.

kyivstar site2 process 25

Yep, looks nice.

kyivstar site2 process 26

Drawing the background.

kyivstar site2 process 27

A working prototype (eyes follow the cursor):


At this point the client tells us that he does not need a landing page and that the website should default to the private customers page.

kyivstar site2 process 28
kyivstar site2 process 29

The client also asks to remake all the navigation.

kyivstar site2 process 31

A Lorem Ipsum inner page.

kyivstar site2 process 32

Order a design...