top of page

Unit 34

P1

Screen Shot 2018-10-15 at 09.55.09.png
Screen Shot 2018-10-15 at 10.00.14.png

Purpose: The purpose of this website is to promote the filmmakers work by making the website easy to access and making it clear where to find his work. The home page gives the viewer a sense of who the person is with the logo, background and quote helping to build up that impression of who he is. It also gives the viewer an idea of what type of films he makes, as the dark background might suggest his films contain deeper meaning than most. 

Visitor needs: The visitor needs to understand who this person is and what he does. The filmmaker (Ryan Booth) creates a brand for himself with a logo which says "Ryan Booth  Filmmaker". This logo gives the impression that he is a professional and experienced filmmaker. Ryan has created a few simple links which will help any visitor get in contact with Ryan from his social media to his email page, making Ryan seem approachable to the viewer.   

Information flow: The information is easy to read and the links are easily accessible. All the features are laid out in the centre of the page, because that's where the viewers eye line will be and it makes it easy to read from the top of the page to the bottom. The slogan probably stays a lot about who he is, which is why it's placed in the centre of the page as the viewers attention will be automatically drawn to that quote. 

Features: Visually the website looks and feels ascetically pleasing. The background creates a cinematic feel to the website, as I've found a lot of filmmaker portfolios have a black or dark colour scheme which is to portray a cinema environment. The text is very simplistic which means its easy for anyone to read however the quote has been put in a more stylistic font to suggest the quote has a deeper and more personal meaning to Ryan. 

Benefits: This websites helps the filmmaker reach a wider audience with 24/7 access to the website, helping Ryan to create a bigger profile for himself. Ryan has created a website that he have full control over by storing all of his projects on another link which takes you to another page where all of his work and information are displayed clearly and easily. 

Content: This homage includes a logo, a quote, a background, two links to pages and three links to his social media. On one of the links it contains all of his projects which he has separated into different categories which include; Films, Reel, Music Reel, Experimental, Info and Contact. 

Purpose: This website is for commercial use as Vue want people to watch films at their cinema. Their purpose is to promote and advertise films for people to go and watch by enticing the viewer into the array of films on display. One way they entice the viewer is by putting deals on the homepage in large writing making it clear and oblivious for the viewer. Slogans like these make the viewer pay money to watch a film even if they weren't intending to. 

Visitor needs: The viewer need to know what films are on and what time. The websites caters to those needs by displaying what films are on underneath the slogan creating a user fielding environment for the viewer.  Once the viewer has chosen a film the time will be clearly shown, those shows the website has easy access between different links and parts of the website. 

Information flow: The website has been layout with the navigation menu at the top, the slogan alined in the centre and with footer at the bottom. This separation of the different sections allows the viewer to clear see the whole website without making it feel cluttered. The homepage flows really nicely as the viewer can scroll up and down the page smoothly without any hassle, making the website accessible to anyone. 

Features: The colour scheme is minimal with only three colours being used; black, orange and white which allows the viewer to look through all the films without any distraction. The footer at the bottom is quick book system where the viewer can quickly book any film they like... 

Benefits: This websites allows the viewer to browse the films available and book online which saves booking at the cinema. Booking online means the company can make money through the website allowing them increase their audience and their income. 

Content: This homepage includes subtitles, a search engine, a logo and a slogan. The subtitles are clearly shown at the top of the page making it easy to access for the viewer the links range from whats on to Offers. 

P2

Purpose: The websites will be used to showcase my work in the best way possible. Creating the website will allow me reach a wider audience and to make myself easily accessible for people for people to get in contact with me, this means I will be able make more projects, take on more clients and hopefully build my profile up. 

Target audience: I have no specific target audience for the website because I don't want to limit myself by narrowing my target audience as I want my work to reach everyone no matter the age or gender. Clients and fans will be able to access the site through social media links and word of mouth, which will raise the profile of the website. Having potential clients visit my site will mean they'll be able to view all of my work and then the clients will be more interested in working with me, meaning more freelance work, which will lead to more money being made. The main attraction of the site will be the films I have made. However as time goes on I might want to start targeting a special type of client and producing films tailored to the client. For example if the client worked with wildlife, then I might decide to venture down the cinematography route. 

Content: The website will consist of  a navigation bar that includes the three main pages Homepage, Films and Contact. The Homepage will include a showreel which will be placed in the centre of the of the page and underneath will be my contact details and social media links. The Films page will consist of various film projects from Drama's to documentaries which will show the viewer the wide ranch of work that I can do. The Contacts page will include an enquiry form for any specific projects people want me for which can be easily filled out with a message. The page will also contain my contact details and social media links. 

Structure flow 

Showreel
Homepage
Contact information
Films
Contact
Social Media Links
Drama's
Documentaries
About
Enquiry form
Contact information
Social Media Links

Draft Layout 

Logo

Showreel 

Films 

Contact

  • Grey Vimeo Icon
  • Grey Facebook Icon
  • Grey Twitter Icon
  • Grey YouTube Icon
  • Grey Instagram Icon

Logo

Films 

Contact

Showreel

  • Vimeo - Grey Circle
  • Facebook - Grey Circle
  • Twitter - Grey Circle
  • YouTube - Grey Circle
  • Instagram - Grey Circle

Legal and ethical

Personal Data Production: In order to protect my own personal data I won't use my personal email or social media accounts, instead I will create a separate business accounts which I will then link to my website. These separate accounts will be my main method of contact when working with clients and employees. 

Misrepresentation Act 1967: I will not include any false or careless statements on the website which is known as fraudulent misrepresentation. To avoid this I will only include statements that are true and be able to back up with facts. For example if I had won an award for a film then I would write statement specifying the award then next it I would attach either a picture or a certificate of the award as proof. 

Copyright Act and Intellectual Property Rights: In all of my films I will make sure I won't use copyrighted music instead I will use royalty free music or I get permission from the artist to use their music by getting them to sign a model release form which will mean I can use their music legally. All of the images will be taken by myself and the logo will be created from scratch on photoshop. 

Inappropriate For Target Audience: My website will not include any inappropriate or graphic imagery because I want to make the website appealing to everyone. For example if I included violent imagery then younger audiences might be put off from viewing the site. 

Libel Law: I will not contain anything on the website that could be harmful to someones reputation. To avoid this anyone involved in any projects will only be spoken of in a positive way. 

https://bitly.com/1Z593fA This website explains how any website should be designed to work for anyone and making it acceptable to people with a diverse range of hearing, movement, sight and cognitive abilities. 

 

Budget and Revenue

Screen Shot 2018-10-22 at 14.21.42.png

Here is a selection of prices to buy a domain. The most popular deal is at £8.50 per month which includes unlimited bandwidth which means you can download or upload as much data as you want in given period of time. It also includes 10 GB of storage and free Domain for a year. 

Screen Shot 2018-10-22 at 15.00.11.png

20 hours x £30 = £600

Number of working hours x hourly wage of freelance web designer = Money earned

In order to make money through the website I will showcase all of my films ranging from Drama's to Documentaries which will entice clients into working with me, meaning I'll then find more freelance work and therefore make more money. Another way that I could make money by selling my work. When I have finished making the film I will then offer them the chance to have a physical copy of the film by burning it onto a CD. Then will further attract more clients as I'll be offering something different to other competitors. A pack of 50 blank CD's cost £12.99 and if I sell each CD at £5 that will make me a profit of £231.01 ((50x5)-12.99. 

P3

Screen Shot 2018-11-05 at 10.17.27.png

Homepage: The homepage opens up with various animation features and interactive elements. When you hover over the texts and logo it turns to orange which is nice, warm colour inviting the viewer to explore the website further. Apart form the navigation bar at the top all the elements are lined in the centre because this is where viewers eye line will be. Also the showreel plays straight, making it easy and simple for the viewer to watch the showreel. 

Screen Shot 2018-11-05 at 10.17.42.png

Films: All the texts and buttons open up with an animation and when hover over it changes colour to orange which keeps the colour scheme consistent. 

Screen Shot 2018-11-05 at 10.17.59.png

Throughout the website the style is consistent with the text, background and logo all being the same for each page. 

Screen Shot 2018-11-05 at 10.18.24.png
Screen Shot 2018-11-05 at 10.18.47.png

Drama's and Documentaries: These two pages are very similar with the style and layout the same. I have made it to each of the films titles which will take them down the page where they'll find out more about the project. This feature allows the viewer to move up and down the page easily. I have also added a button which will take them back to the top. 

Screen Shot 2018-11-05 at 10.19.06.png
Screen Shot 2018-11-05 at 10.19.24.png

About: This page is designed to give the viewer a brief overview of who I am. The layout of the page is very narrow and is shaped to make it look like and article. I have included a bottom at the bottom to take the viewer bank to the top. 

Screen Shot 2018-11-05 at 10.19.32.png
Screen Shot 2018-11-05 at 10.20.22.png

Contact: This page is very simple with minimal features. It includes a contact box, contact details and a link to my youtube. 

Here is a video showing the interactive elements of the site 

Screen Shot 2018-11-05 at 14.01.10.png
Screen Shot 2018-11-05 at 14.01.04.png
Screen Shot 2018-11-05 at 12.34.13.png

https://developers.google.com/speed/ - I used this website to test the optimisation and the speed of the website. Website optimisation is important because it'll mean the website will load quickly with a clean and simple homepage displaying only relevant information, with a user friendly navigation. This will make the website stand out. 

Screen Shot 2018-11-05 at 14.09.44.png

To make my website run faster I have exported the Logo's into web which means it exports as a smaller file which mean less data for the site run on and therefore the site will run faster.

I have created a Logo which incorporates the first letter of my first and last name. The S has been designed to wrap around the w making it look like one letter. I have added a circle around the letters which makes it versatile logo that can used on any background. The four colours are used to create that interactive element so when you hover on the log it changes colour. 

P4

image_123923953-2.JPG
image_123923953.JPG

p5

Evaluation of feedback:

My feedback was good lots positive points and few things to work on as well. The main criticism was that some of the links didn't work which is a problem that I can easily fix. The other issue was the site navigation was little jumpy, which was probably referring to the animation. I can fix this issue by making small adjustments to the animation of the text, making the animation more subtle and less jumpy. 

Overall I am pleased with how my site turned out but there are still some areas for improvement. The main things I like about the site is the background, logo and colours which all help to create this cinematic feel to my site. I do feel however that my site is bit clunky with inconsistent layouts and too many larges boxes. To improve this I will simply my site by removing the Films page and putting the about page insist own separate page. I will also make the boxes and text slightly smaller which will help the site feel less clunky. Another way to improve my site was by adding more content to put on the site and also possibly consider making a photography page.

bottom of page