ZDR—A—VSTV—UYTE!
 

Kinoklaster ————— User experience & Interface design

 

 

Overview

An old friend of mine started this project long ago, in 2007. Back then I made the very first version. Due to unforeseen circumstances we abandoned this project and returned back to it a few years ago.

In 2013 we made the second version of it and we had a break to see if anything there should be different somehow. In the following couple of years we re-thought every bit of it and went back to the UX process and finally, after some time of designing it, I developed the final version, supervised the branding process, and the open beta is ready.

The logotype was created by the amazing Dmitry Philippov. Along with the team we chose one from a few variants, found the right font and made some nice final adjustments.

2007 • 2013 • April 2016 — June 2017 @ Saint Petersburg

 
001.jpg
 

Goal-driven design as the masonry

It wasn't extremely helpful, yet finally I gained precious knowledge of what's next — we, the team, had to cut all the functionality down to the MVP version, so I started to explore and understand users' needs, find them goals, and map all the ways that will help them achieve their goals.

Regarding the masonry: I launched Flying Logic Pro and with Elyahu Goldratt's theory of constraints in mind I was able to compile schemes like the one below, found and understand the required functionality, and started working on the UI.

 
007.png
 

 

User profiles

I learned from the user interviews that the core of the audience is divided into three parts: cinephiles, critics, and film professionals. Together with the team, we designed the structure of data for profiles on the site, and used it to create key persons.

 
KK-profiles.png
 

 

Prototypes

On the basis of all the information collected about users' goals, profiles and personas, I have designed two detailed prototype, which we have quickly tested on our audience and chose the right one. After that, I went on to visualise the interfaces.

The live version is still at AxShare: one and two.

 
kk-proto-1.png
kk-proto-3.png
kk-proto-4.png
 
kk-proto-2.png
 
 

Final design in its full glory 

 
008.png
013.png
023.png
011.png
012.png
015.png
025.png
 
 

Post pictum

Currently, the product has returned to the redesign stage. We decided to cut functionality to a minimum and are preparing to release a new application.

Stay tuned.

 

Movie references

I tried to use references from popular movies in many service modal windows - such a tricky move even more makes the movie fan use the site.

 
 
 

Profile customisation

The profile appearance interface allows you to change the design on the fly without going deep into the user's dashboard.

 

Search results

The design of search results follows the general approach of layers in the interface.

 
 

User Dashboard

 
016.png
019.png
020.png
022.png
017.png
018.png
021.png