Kino Klub is a company that wants to create a movie search engine, for creatives, producers, or advertising agencies wishing to create mood boards with images from quality movies, using keywords.

KINO KLUB

Client : 
Kino Klub (non commercial project)
Services : 
Branding
Design
User Experience
User Interface
Date :  
2021
See prototype
Client : 
Kino Klub
(non commercial project)
Services : 
Branding
Design
User Experience
User Interface
Date :  
2021
See prototype
CHALLENGE :

Aware of the needs of certain professions to flesh out their proposals with carefully crafted images, and of existing but weak or non-ergonomic websites, Kino Klub stands asked me to create an elegant, simple, & fonctionnal app, as well as very extensive search engine.

The application will have to offer several levels of packages, and invite the user to test its features for free before accessing the content.

In addition to the creation of the website, the company asked me to take care of branding, ranging from the creation of the logo, which they wanted to be simple and identifiable, to the choice of typography and color palette


OUTCOMES :

I started by looking at the brand essence of Kino Klub. I wanted the logo to be simple but graphic, easily identifiable and a reminder that Kino Klub's content is dedicated to cinema. Thinking about classic movies, Alfred Hitchcock's Vertigo came to mind and its very geometrical poster. Inspired by that, I tried to design the Kino Klub logo. I chose to put it in black and white, to continue this search for elegance and simplicity that was asked of me. The square format of the logo, allows it to be declined in several sizes easily.

The color palette is also very simple, almost monochromatic and allows to highlight the very colorful content of the movie screenshots. A color palette too bright, would have been too distracting on the images.

The choice of assembling a serif typography with a sans serif one, underlines the elegance and the minimalism of Kino Klub. Montserrat was chosen because it is one of the easiest fonts to read, with accessibility in mind.


During the study, I focused on secondary research, competitive analysis, interviewing a user, and creating a persona. All of these elements helped me understand what would be the most effective way to display the elements and search options to create the most intuitive application possible.
I then designed the feature roadmap, and wrote several user stories. Once my research was completed, I made the sitemap.
You can find a pdf of all my research at the end of this page.

The navigation is simple and intuitive. Composed of a menu of 4 icons accessible at the bottom of the page, it allows the user to access the most important features of the application: The home page, where you can find the latest additions, a shortlink to access the moodboards, but also articles, settings, favorites, where the user can find his moodboards and create new ones, and finally the profile. On top of that, a magnifying glass is added to each page, which allows access to a giant menu that displays all the filters available to facilitate research.

The challenge here, was really to design this type of application for mobile. The screen being small, we had to find a way to insert all the filters, without disturbing the user and allowing him to navigate easily, to add favorites easily, to create moodboards, while keeping a marked aesthetic.

Finally, I really wanted to make the Kino Klub experience as customizable as possible, so I opted for a subscription package. There are several types of membership depending on the needs of each person. Indeed, during the research, I realized that a director will not have the same needs as a cinematographer. Each profession will want specific filters, and extending all filters to everyone will mean having too many unused filters. I also wanted to extend the application to as many people as possible, not just the first jobs that come to mind when you think of film. I thought that the application could also benefit motion designers, graphic designers, makeup artists, stylists, or even illustrators looking for references in animation.

Thus, in each film page, depending on the membership chosen, everyone will find the information they want, even if each subscription, allows to find basic information on the film. The Kino Klub application will allow everyone to get 1 month free, in order to taste the premium services of Kino Klub, then will be presented as a monthly or yearly subscription, mandatory to join the Klub.
Determine :

Who are the people interested in space-time travel?
What are people’s main motivations for a space-time?
What are the most sought-after experiences?
Considering people’s previous experience with travel sites, what makes the   experience enjoyable and, on the contrary, what are the difficulties  encountered when booking a trip?
What are the functions and features needed for a travel booking page?
What price are they willing to pay and for how long?

Competitive analysis :

As Zeit is a company that does not exist, it does not yet have any real competitors. I thought about what Zeit was proposing in order to find competitors and I came to the conclusion that Zeit offers above all experiences. Zeit’s clients want to experience something unique, to live like a local at the chosen time, to discover new cultures and civilization and to leave with lots of memories.That’s why I have access to these 5 companies and that’s why I have voluntarily omitted companies that offer space travel because in my opinion it’s not the same thing. These companies, very accessible on the future unlike Zeit which focuses on the culture of the past, are very accessible on the journey itself. Zeit focuses on experience. So I have included Orion Span, which although spatial, offers a hotel experience. For the other competing companies, I tried to choose different ones, which when combined, offer an experience as close as possible to Zeit. Thus, I think that Zeit’s values are found in the modernity of Orion Span, the historical culture of Martin Randell Travel, the luxury and customization of Gravitate, the desire to discover the local life of SpottedbyLocals and of course is found and inspired by the intelligence of the UI and the model of Airbnb.
II. INFORMATION ARCHITECTURE
Understanding :

How do people mostly classify their information?
How to organize Zeit's categories according to users' logic.

Methodology :

Card sorting
User flow
Sitemap

CARD SORTING

- Online (OptimalSort) - Open
- 8 participants
- 20 cards

The participants of  this study were given 20 cards to sort. Each card was labeled a specific historical event.  Participants were told to group destinations in any pattern they deem fit to understand how users organize information and content. Themes were the most common grouping.
Although almost all participants ranked the categories in the same way, one participant ranked them by loca- tion. One participant also categorized the categories by time period. It can be interesting to offer these options as well, either in a clean tab or in a filter.
We can notice that most of the participants classified the categories by period or style. This categorization is interesting because it gives an immediate overview of the destination style by name, and allows an immersion as soon as you arrive on the site.
III. INTERACTION DESIGN
See user flow
Determine :

The good information architecture
The best interface considering user’s goals & behiaviors.


Methodology :

Task flow
User flow
Wireframes

Design of the responsive wireframes of the home page for tablet and mobile to ensure that website elements are consistent on different devices.


IV. UI DESIGN
See prototype
Determine :

The right branding  & UI guidelines to establish Zeit brand’s story that user can relate & enjoy.
The best prototyping & testing core actions to improve key user tasks


Methodology :

Branding
Brand style Tile
High fidelity prototype



V. FINAL 
PRESENTATION
See complete research
back to all projects

Get in touch

Interested in working together or just have a general enquiry ?
Please contact me in any way you like.
CREATE & BUILT BY ROXANE DIAMAND© 2021