movie posters — Design4Users

Design Case Study: Educational Biography Website

Marina Yalanska — Thu, 20 Feb 2020 11:12:35 +0000

Today’s design case study from Tubik Studio shows the web interface that wasn’t made for clients. It was a purely creative project for the purpose of education and with a deep respect for a cinematography legend. Let us tell you the story of Kubrick Life website design that already got Site of the Day on FWA and Awwwards, and is the winner of Webby Award 2019 in the category Movie & Film and got Red Dot Award in Brands and Communication.

Project

Design and animation for an educational website devoted to life and movies of the famous film director Stanley Kubrick.

Idea

The initial idea was to create something extraordinary in terms of design and at the same time insightful in terms of content. It could be a website about a famous photographer, artist or anyone else connected with art. Stanley Kubrick and his great works eventually matched all our criteria to create an interesting piece of work that would be not only good to look at but also interesting to read. There was no commercial or business goal behind the project: only creativity and the wish to share something cool and useful with the others.

It was Stanley Kubrick’s 90th anniversary when we started to work on Kubrick Life in 2018. It was a great honor for us to be the ones who eternalize his art on a well-designed website. Considering that Stanley Kubrick is one of the most influential filmmakers in history, we thought that there are a lot of admirers who would be thrilled to learn more facts about him and his art. On the other hand, some people might get more interested in Stanley Kubrick once they check kubrick.life.

UX Design Process

The idea was to create a complete and consistent story. Keeping in mind that Kubrick was a great filmmaker, the designers wanted the whole website to feel like a movie, allegorically.

The website features:

the milestones of Kubrick’s life and career
chronological filmography
interesting numbers and facts about the filming process, cast and directors’ nature
numerous archive photos and film episodes
gamification elements

The narration was performed in chronological order and featured his films and some interesting facts to make the story of his life more enticing. From one movie story to the other, the readers get familiarized with Kubrick’s traits and techniques as a film director.

Stylistically, the designers added background noise, picked a quite old-school color palette and also worked thoroughly on typography to create this old movie-like feeling.

https://design4users.com/wp-content/uploads/2020/02/tubik_stanley_kubrik_dr_strangelove_webdesign.mp4

One of the things to mention is the scroll animations experienced by the readers along all the way. As the website performs as a huge long read, we needed to find a creative way to separate the films so we’ve come up with some unique animations for each film title. Another user-experience aspect is hidden stones like “Escape it” labyrinth that makes the interaction with a website more engaging and fun.

Among the hardest points for designers, there was that all the Kubrick’s films are of different genres and styles, they reveal different times as well. The most challenging aspect was to find a unified style to make all these films look consistent but still unique. They spent almost 3 months choosing the appropriate concept.

To reach “the movie effect” we used the infinite scroll as the main navigation element that takes us through the story of Kubrick’s life and filmography slide by slide. In the end, we found out that our long read is more than 300K pixels long! There is also handy side navigation for a more convenient experience. And some 3D graphics were specially created and integrated into the interface to make some episodes even more atmospheric.

https://design4users.com/wp-content/uploads/2020/02/kubrick_life_website_3d_animation_tubik.mp4

The advantage of the creative team was the absence of time constraints because the project was in-studio and non-commercial. The only issue was to find the needed time and establish the point when the website could be considered done. Anyway, now when the website is live we are still working on polishing it.

The whole website has been built entirely on a Readymag platform with some custom HTML/JS/CSS code injections.

Also, one of our graphic designers Arthur Avakyan, being inspired by the website, created the stylized digital portrait of legendary Stanley Kubrick.

As soon as Kubrick Life was released, the creative team got the recognition from the community: it got the Site of the Day Award on The FWA as well as the Site of the Day and Developer Award on Awwwards. Later, it was also awarded by Webby and Red Dot.

So, welcome to check all the details of Kubrick Life by yourself.

Design Case Studies

If you are interested to see more practical case studies with creative flows for mobile and web design, here is the set of them.

Nature Encyclopedia App. UI Design for Education

Florence App. Illustrations for Healthcare Service

Inspora. Brand and UI Design for Virtual Stylist

Bitex. UX Design for Stock Analysis App

Slumber. Mobile UI Design for Healthy Sleeping

Real Racing. UX and UI Design for Mobile Game

Tasty Burger. UI Design for Food Ordering App

Watering Tracker. UI Design for Home Needs

Originally published in Tubik Blog

Сообщение Design Case Study: Educational Biography Website появились сначала на Design4Users.

The Art of Poster Design. Movie Posters Collection

Marina Yalanska — Mon, 26 Mar 2018 13:42:30 +0000

“Everything I learned I learned from the movies.” (Audrey Hepburn)

The cinematography is a beautiful art which makes our lives brighter and broadens our minds with the help of stunning pictures and extraordinary plots. Since movies have taken such a big place in our hearts, designers often pay much attention to a movie poster design making it stand out from the other directions.

Movie poster design can be considered as an art itself. Designers need to emphasize the important details about the plot still keep the intrigue uncovered. The posters are usually original images or illustrations which give a quick glimpse at the idea of the film.

Graphic designers have a great opportunity to reveal their own vision of the movie characters. Many graphic design specialists remaster posters of the most popular films and cartoons applying various techniques and styles. For example, there is a trend to illustrate minimalistic posters which include one or two attributes of a movie still remain recognizable. Also, a movie poster can be presented as a detailed illustration with many elements transferring the mood of a movie.

Today, we have gathered a collection of movie poster design in different styles. Find the inspiration to create your own movie poster or maybe watch your favorite film.

By Tubik

By Marie Bergeron

By Folio Illustration Agency

By Matt Chase

By Ryan Brinkerhoff

By MUTI

By The Brave Union

By Matt Griffin

By Cristhian Hova

By Amien Juugo

By TommyPocket Design

By Vincent Rhafael Aseo

By Petter Schölander

By Nicolas Alejandro Barbera

By DKNG

By Folio Illustration Agency

By Marie Bergeron

By DKNG

Check more D4U inspiration collections

Сообщение The Art of Poster Design. Movie Posters Collection появились сначала на Design4Users.

The Winter Is Here: Digital Art Inspired by The Game of Thrones

Marina Yalanska — Tue, 25 Jul 2017 14:50:49 +0000

When you play a game of thrones you win or you die. (George R.R. Martin, A Game of Thrones)

On the 16 of July, HBO studio finally released the first episode of the Game of Thrones season 7, one of the most expected TV shows of 2017. For more than a year, the fans have been waiting for the premiere and here it goes!

There are fans, haters, and those who are apathetic but it’s hard to find a person who never heard of the GoT. It’s all started in 1996 when George R. R. Martin has published “A Song of Ice and Fire”, the first novel out of the GoT series. Readers opened something new and refreshing since the novel had its unique style and the whole new world inside. Within the next decade, the author presented three new novels continuing the story and two short prequel novellas. By 2007 the epic story had gained such popularity that HBO Productions decided to purchase the television rights for the whole series.

After the first season of the TV show, the story received another half of fans and the world has caught a new hype. At some point, the TV show stopped duplicating the plot of the novels. At first, they’ve changed small details and then key moments including the death of certain characters. As it usually happens, many people criticized such a decision still it didn’t hurt high rating of the show.

Now people have two different stories to follow. However, while TV show fans can enjoy new episodes of the favorite story, readers are forced to wait “The Winds of Winter” novel which Martin has been writing since 2011. The date of release hasn’t been announced yet. All we know is that it’s closer than ever before.

Naturally, today’s D4U inspiration collection is devoted to all the GoT fans of both, books and TV show. We gathered illustrations which bring the unforgettable atmosphere of Westeros.

By Dumaker

By Julian del Rey

By Loyal Art

By Yehor Kaliuzhnyi

By Sergey Glushakov