Website Creation and Evaluation

The website

Turning Point Productions

I enjoyed this project, and although I don’t necessarily plan on going on to do web design, it has been a fun experience designing and making this website. Since the company I made a website for was my immediate family I was able to get most of the information I needed to get for the site. The only problem was that there was never a very good time to get a brief from them. Lucky I have been a large part of publicity for their company so I already know a fair bit about them. I am not very adapt at coding so I’m glad we were able to use WordPress. We’ve been using on the course, we’ve been using it to upload our work on blog posts, so I was used to using it. I believe that the website I built for this company helps tell people what they do and what they plan on doing. Even though I’ve been using WordPress for the last year I still learned some new key skills to help me improve how I lay my personal and college blog out.

I hope that my client will like their website as I have tried to follow what they asked for. They wanted their site colours to be that of their logo, their logo is a medium pink and white. I feel as if I met this expectation with the site. They asked that information on cast and previous shows be put on the site, this was a must have and so I made sure to have it on the site.

I think if I had been more vigilant in the hours I put in to making the website then it may have had more to it, I also didn’t have all the images I needed to use as they were unavailable at the time of making the site.

This task is usually supposed to be done with a team of four, however, due to the fact that I moved away I had to do this task by myself. This made things slightly more slow however I still managed to finish the site. It was difficult doing it without a team to help, however I think this proves that I am capable of doing big tasks on my own.

In conclusion, at first I was having difficulty making the site but over time as I learned more about how to use WordPress I found it much easier to make changes and add different things to it, like a photo slideshow on the footer. I enjoyed learning new skills however I don’t plan on taking up web design in the future.



Devising a Structured Website

I will be making a website for the production company Turning Point Productions. They are a theatre company that put on different shows and plays in the West Sussex area. They moved up to Sussex from Devon about six months ago. The have put on many shows in the past and are planning more in the future, they have had many cast and crew members over the past 5 years they have been a company. As they have made a change in location they would also like a new website to go along with that.

What they want.

They would like their website to be relatively easy to navigate, they would like obvious buttons to navigate to other pages and places on the site, lucky with WordPress this is simple to do. They would like their websites primary colour to be a medium pink as that’s the colour of their logo.


As their productions are shown to both those of an older and younger age, they need their website to be child friendly and easy to read. They would like a font as close to theirs as I can get, so it needs to be bold and also needs to join if at all possible. Throughout each of their shows they have had a photographer of some description, so they would like photos to be easily seen for each of their shows. As they’ve made as many shows as they have, they would like a page where you can see their previous shows, the posters and photos that went along with them.

They have had lots of cast and crew members over the years that they have been doing shows. Because of this, they would like a page where you can see all the previous and current cast and crew and small descriptions of them, which will be given to me by TPP. this website should be relatively easy to navigate around and make pages for. They would like an image on their front page to show off one of their shows.

Home Page

This will be the page that people are greeted with when they open the website. TPP would like it to tell viewers about what sort of shows they put on and the history of their company.

Cast and Crew.

They would like images and small bunch of text saying who they are and what they might have done for the company.


This will be a page with a list of their previous productions and the date they were shown as well as any future productions they may have ready.

On every page there will be four menus

  • Home
  • Cast and Crew
  • Productions
  • Contact

Each menu button will take you to its individual page.

I’m hoping to have the website done early July.

Planning For Motion Graphics

In my trailer, the motion graphics sequence is going to appear at the end. I am making a trailer for the game Pokemon Red. My motion graphic sequence will be relatively easy and not too long. The first thing I did was make a brainstorm of all the things I could include.Mind map

I don’t think that I will have many issues while making my motion graphics sequence. The reason for this is because my motion graphics sequence isn’t going to be too complicated. Since I am making my trailer at home, I downloaded adobe suite, this means there is no chance of it getting corrupted or deleted by anyone.

After brainstorming, I decided to do some concept art for the Pokemon logo I would use. I started by drawing up the logo and scanning it in.

Screen Shot 2016-03-08 at 16.21.49

After scanning the Pokemon logo in I photoshopped it in three different colours.

pokemon logo change

The first one I did was in the original colours 0f the Pokemon logo. I like this because it’s very bright and easily recognisable.

pokemon logo r + y

For the second one I replaced the blue with red. I though this might look good because I am doing the game Pokemon red. I felt as if the yellow and red went well together but I decided to test the red with orange.

pokemon logo r + o

This one was my least favourite of the three. After making the three I have decided to use the blue one I made.

Motion Graphics Sequence Proposal.

It will start with sparks/stars flying past. Suddenly the Pokemon logo will zoom in from the distance. I will add motion blur as to make it look as if the logo is actually moving. It will zoom in slightly too far and then bounce back to a good position. Once the logo is in its finished position then I will make it shine/sparkle. This will be shown at the end of my trailer for Pokemon Red.

Screen Shot 2016-03-10 at 17.54.38

Storyboard of my motion graphics sequence.








Motion Graphics Report

Motion Graphics. There are various different types of motion graphics. Motion graphics are graphics that will use video footage and/or animation technology to create the illusion of motion or rotation, and are usually combined with audio to be used in multimedia projects. Motion graphics are useful for making something look more interesting and exciting, lots of different companies use them to show their logos. Motion graphics can be found on a lot of different media, for example, title sequences, DVD menus, TV, Internet videos and much more.

Video Compositing Video compositing is the combination of visual elements from different sources into single images, this is done to make it look as if all the different parts are part of the same scene. This can be done in live action shooting (usually known as green/blue screen). This is used a lot in films now to get footage that you wouldn’t normally be able to get. Like the example below.


Motion graphics and video compositing are often used together. For example, DVD interfaces. In the example below there is an image of the main character of the film composited in the background and animated images on the screen too.


Animated captions. Animated captions are used a lot on television, especially on the news. They are used to show little bits of information and names. On some new channels in America, the current stock market reports pass by under the screen. Animated captions are usually not too complicated, this makes them easier to animate and make. They are usually found on the bottom third of the screen, they are placed on the bottom of the screen as to not distract attention away from the main element on the screen.

DVD Interfaces. DVD menus can be very different. Most have a still background with a few animated alterations to make it look more interesting, like moving words. Most DVD menus use a scene, or a few scenes from within the show or film which will be left on a loop, this is on a loop up until the viewer chooses something. Other DVD menus will use a still image of a main character of an image from the movie/tv show and wont add any animation. No matter which type of DVD menu it is, music is usually present so the background isn’t too repetitive or boring.

On the Rocky IV menu, it has a loop of different scenes from the film with the main soundtrack. Not only this, but the film name also appears across the menu.

Stings. A sting is a very short animated video, these are usually made to make company logos more interesting, and be quick way to show them off. These animated videos are typically very short, usually lasting between five and twenty seconds. These animated videos are usually made to remind the viewer what channel they are watching without having a long advertisement. Having different variations of stings will allow viewers to have a longer and more lasting impression of the company in mind.

Image result for e4 estings

E4 is a good example, they have a wide variety of stings and are quite well known for having very strange stings. They recently also had a competition for the public to send in their own stings for E4 to use on their TV channel.

Winner of the E4 sting competition.

Title and credits sequence. Title sequences can be very important, because it is the beginning of a program or film the title sequence is usually more exciting to draw the viewers into the start of the film/tv show, it will also have a main music theme. The end credits sequence are usually very slow and wont have any animation for the most part, it will mostly be just words. This is very different to the title sequence which can be overlaid on top of the programme or other graphics.

The first example is the main actors/actresses names over scenes from the show.

Example 1

The second example is the introductory credits over different graphics.

Example 2

Kinetic Typography is the more technical name for moving text. This motion graphic technique is supposed to evoke a certain idea and/or emotion into the viewer. Kinetic typography mixes motion and text using animation. This motion graphic can be used in a lot of places, including introduction sequences and advertisements. Kinetic typography is widely used for music lyric videos.

Kinetic Typography – Swedish House Mafia – Don’t you worry child.

Possible technological issues. All of these different types of motion graphics, no matter how impressive, all have technological issues. Motion graphics are used widely across lots of different media outlets and different companies. There are a few technical constraints of which limit the motion graphics shown. Video format can be quite an issue, especially for those who are inexperienced in making motion graphics. If you were to choose the wrong type of video format or a video format that a certain type of computer couldn’t read then you wouldn’t be able to play or use your motion graphics. If you were showing your motion graphic to a company and it wouldn’t play then that would be a problem. Another technological issue is technology. People all own different types of televisions, some older televisions may not be able to show very accurate colours or images on stings, which can make your viewers think that your company isn’t very professional which can damage the integrity of your brand.