Website   Kiosk  

1.0   2.0  

The making of the Planeta Kino website

Overview   Process  

Finding the right mood first.

moodboard

And technical ideas (bring the mouse over).

Developing the concept, selecting ideas.

idea 1
idea 2

Leaving aside the planets idea.

idea 3

Coming to the decision that trailers and posters should occupy most of the space.

concept

Arranging information using 3D effects—functional blocks made seem “closer” (move the cursor over the image). Unfortunately, this didn’t become part of the final design.

Working out the the structure of the whole website.

sitemap

Ready for prototyping, which is now an important stage of our every web design project. Within a relatively short amount of time we go over all the functional elements, grid and layouts. As markup is being prepared, designers get busy drawing, coloring, and elaborating. Then the team of technologists can update blocks and modify line spacing, change fonts, etc.

prototypes 1

Finishing page prototypes, passing them on for markup.

prototypes 2

Individual account and booking page prototypes.

prototypes 3

Moving on to the coloring stage. Starting with showtimes.

1

Underlines show number of tickets left

Evolution of the viewer on the front page.

1

With back and forward arrows

Movie block design progressing (Playing Now and Coming Soon).

1

With poster

“Intelligent” list with Soon and Playing Now blocks resized automatically depending on the number of contained previews.

1

Booking and payment scenario, providing explanations for developers.

booking scenario

Trying to create an anaglyphed poster—you’d need 3D glasses to see the stereoscopic effect.

homepage anaglyph

Chairs for the plan.

seats

IMAX-equipped movie hall.

scheme

Choosing the best glasses.

glasses

URL icon.

favicon

Order a design...