Applied Art for the Web,  Film Promotion

Film Promotion Design Rationale

Why the film?

I grew up watching mean girls, it’s such an iconic chick flick of my generation- I couldn’t resist! 

I love the y2k style of it, I thought it would be fun to replicate this in my website.

Why this design?

I was aiming for a y2k diary style notebook, to mimic the ‘burn book’ from the movie. Although the original burn book didn’t have lines, I felt without it, it wasn’t as obvious it was a notebook, which is why I decided to use it to express this. I took some inspiration from this blog. However, unlike the actual y2k style of overloading lots of different colours and patterns, I chose not to over do it as it would have probably been a bit difficult to look at from long time. I decided to keep everything, such as typography and buttons etc, neat and simple as the images and the background create a lot of noise already.

I did chose to add some ‘hand drawn’ style doodles, to give it more of the note-book vibe, as well as some kisses and pictures of people to mimic the burn book again.

The colours I chose were based of the burn book and the girl’s clothes. Which, as it’s a classic click flick, circled around the pink tones (sorry Prisca!). And I found a similar font from the original movie poster and decided to stick with that theme.

I added some animation to try and make it more dynamic and exciting. On the ‘about film page’ in the desktop-view I set an animation to try and make it look as though someone has ‘kissed’ the screen and you can see the prints. 

Improvements?

I attempted to work with javascript to create counting numbers for the tickets to make it look more realistic as if you were to going to buy one, but I could’t work out why it wouldn’t work for the other ones.. an improvement to make for next time!

I also would have liked to found a way to select and hold the ‘date’ AND ‘time’, like they have on cinema websites, however I attempted this through various JavaScripts and it didn’t work and I ran into the issues of affecting the accessibility by the ‘focus:’ being manipulated.

Whimsical Planning

Bibliography

Airplane https://www.pngitem.com/middle/hTxiom_not-mine-transparent-png-aesthetic-png-png-download/

Pink hearts doodle https://www.pngitem.com/middle/ToboRoJ_hearts-heart-doodle-doodles-pink-pinkheart-pinkhearts-heart/

Stars https://www.pngitem.com/middle/hmJiToo_stars-shine-sparkle-star-doodle-png-transparent-png/

Lipstick kiss 1 red https://www.pngitem.com/middle/ibwRhwT_kiss-clipart-lipstick-red-kiss-lips-png-transparent/

Lipstick kiss 2 red https://www.pngitem.com/middle/boJii_download-lips-png-pic-transparent-lipstick-kiss-png/

Lipstick kiss 3 pink https://www.pngitem.com/middle/ixwJhmo_lipstick-clipart-pink-kiss-pink-lips-transparent-background/

Lipstick kiss 4 pink https://www.pngitem.com/middle/hmhwmbi_now-i-have-no-idea-ho-lipstick-on/

Mean Girls Wiki https://en.wikipedia.org/wiki/Mean_Girls

IMDb https://www.imdb.com/title/tt0377092/

Rotten Tomatoes https://www.rottentomatoes.com/m/mean_girls

Greenwich Picture house https://www.picturehouses.com/

Leave a Reply

Your email address will not be published.