Website Kiosk
1.0 2.0

The making of the Planeta Kino website 2.0

Overview• Process

Studying the information provided by the client, describing target audience, creating user scenarios.

planeta kino site process 01

Working on the structure, drawing sketches and creating a clickable prototype. Testing various interface elements.

planeta kino site process 02

Realizing that a simple redesign is not going to be enough: the new functionality can’t fit into the old concept of the main page.

planeta kino site process 03

Several iterations later finding the design for the main page. Checking all the functionality once again.

planeta kino site process 04

Working on other pages of the prototype.

planeta kino site process 05

Coming up with a lifehack to help choose center seats: switching between adjacent showtimes should work on the fly. Thinking hard about how to realize it, talking to the technologists and deciding to leave this for the redesign.

planeta kino site process 06

Starting to draw. The art director asks to create 1000 pixel wide mock-ups. Drawing the main page. The result seems to look good. Getting the client’s approval for the chosen direction and moving on to the rest of the pages.

planeta kino site process 07

Drawing various states of sidebars and other elements. Simultaneously working on the idea of visualizing seating using minimaps on seat selection page. The client’s technologists take time to think while we continue to draw the rest of the pages.

planeta kino site process 08

Working on two versions of the schedule and style pages.

planeta kino site process 09

Failing to find an elegant solution for choosing seats on minimaps and discarding this idea.

Putting the navigation in order. We get the idea to hide the list of all shows in a dropdown menu which will allow the entire schedule to be seen on any page. Testing: it works. Drawing.

planeta kino site process 10

Going back to the account page. Finalizing the prototype. Simultaneously starting to typeset.

planeta kino site process 11

Getting the client’s approval of the account page prototype, drawing its main screen with tickets.

planeta kino site process 12

The art director does not accept the result, redrawing. Working on the preferences page.

planeta kino site process 13

The art director likes neither. Moving field labels to the left per the art director’s request and cleaning up the tickets.

planeta kino site process 14

Still, something’s not right. Spending a lot of time to find out what it is and how to make it better.

planeta kino site process 15

Implementing the send tickets to friends functionality.

planeta kino site process 16

Remembering the seating minimaps idea: we finally have a suitable technical solution. Deciding to use it on the schedule page as well. Retypesetting.

planeta kino site process 17

Finalizing the work on the account page, finishing the remaining modal windows, fixing graphics. Getting the final approval from the client and waiting for the typesetting to finish.

planeta kino site process 18