Final Product

Link to final website:

http://seeyouthereonline.com/mywebsite/

Post-Production: Evaluation

Evaluation

 Our goal this semester was to create an interactive multimedia website that incorporates the use of different media programmes such as Adobe Photoshop, Premier Pro, Audition and so forth.  My group and I decided to expand on the website that I created last year because as I had explained to them, most of the material was already there and all we had to do was create extra pages, shoot some video interviews and create a logo and header.

My job as project manager was to overlook the whole project and make sure that everyone was on schedule. I created the shooting schedule, budget form, meeting notes as well as creating accounts on WordPress and HostGator on which we formed and hosted our site. I also created the header as I had the tools to complete it at home. Lawrence was the editor, director and producer of the video content of the site and Eliana was the social media marketing executive and designer of the logo. She designed the logo for the website and is in charge of the Facebook page and she also wrote articles for the website.  Even though we all had clear, distinct roles, we all tried to help each other as best as we could and tried to meet up as often as we could.

I enjoyed working with my group members as we had an easy rapport with one another and were able to communicate effectively with one another. Eliana created a group on Whatsapp entitled “Media” where we could send messages to one another and organise when we were going to next meet up in the Mac rooms and edit together. We also exchanged e-mail addresses so we were able to send files to one another and have easy access to each other’s work.

The main problems we encountered were related more to the weather and technical issues. There were many times during the video shoot where we had to relocate or go inside to shoot because it was raining heavily and the wind was interfering with the sound. As a result of that, our video shoot got delayed by a few days and we were behind schedule. We also had technical issues with the Sony camera and microphone. The Sony camera did not automatically format the memory card so on the first day of shooting which I now refer to as a test shoot, we lost all our footage and data. We also found out that the microphone we borrowed had no batteries so even if we did have footage, the absence of the audio would have rendered the footage useless anyway.

What I learnt from this whole project is that organisation and double checking all aspects of the project are vital in making it successful. Overall, we worked well together as a team and supported each other in producing the final project with the main problem being technical issues that we did overcome. 

Link to Semester One Website

 http://studentnet.kingston.ac.uk/~K1109528/

Production and Post-Production: The Videos

Lawrence used Premier Pro to edit the videos for our website and then uploaded them to YouTube.

To add the videos to the website, I clicked on "Widgets" on the left hand side toolbar and clicked on the "Text" widget. I then added the "Text" widget to the content sidebar and each for each video, I copied and pasted the URL link inside a new "Text" widget so that it would appear the right hand side of each article.

Here are screenshots of the work that Lawrence did and links to the videos on YouTube:

Links:

Production: Social Media

 Eliana was in charge of the social media aspect of the website so she created a Facebook page to support the site.

Here is the link to the page:
https://www.facebook.com/pages/See-You-There/580898585340573?fref=ts

Screenshot of widgets.

To display the page on the site,  I clicked on "Widgets" on the left hand side toolbar and clicked on the "Text" widget. I then added the "Text" widget to the content sidebar and copied and pasted in the link for the page.

A screenshot of the Facebook page.

Production: Colour Scheme + Final Header

My group and I chose the colour scheme of black and white for the website because we wanted to be different to other travel sites that we had searched. I also thought that having a black and white colour scheme would help the pictures stand out more which I feel they do. 

I created the header for the website using Adobe Photoshop

1. I went onto WordPress to check the dimensions for the header and created a Photoshop file with the dimensions of 1260 pixels in width and 240 pixels in height.

2. I then changed the background colour to black to fit with the colour scheme of the page.

3. I then imported the logo of the website and placed it on the right hand side of the header.

4. I then imported 3 personal pictures and resized them us using Edit--> Transform-->Scale. I adjusted the images to a smaller size whilst holding the shift key.

5. I placed all 3 images on the right hand size of the page.

6. I then downloaded the font "Lato" from http://www.latofonts.com/lato-free-fonts/ and installed it onto my computer to use on Adobe Photoshop.

7. I then clicked on the "Text" option and wrote out the title of our website "See You There" and the tagline "Be everywhere all at once".

8. I changed the colour of the font to white and added these 3 styles to the text: "Bevel & Emboss", "Satin",  and "Drop shadow". I applied all these 3 styles because I wanted the writing to look as if it was being lifted from the page.

9. I then clicked on the "Move tool" to move the text to the left hand side of the page.

10. I then saved the files first as a Photoshop file and then as a jpeg. to be uploaded onto the website.

Production: Plugins

I needed to add plugins to create a gallery so what I did to achieve this was go to "Plugins" and click on "Add new". I searched for a gallery plugin and came across "NextGEN Gallery by Photocrati". Once I had installed and activated this plugin, I clicked on it on the left hand 

side of the toolbar and began to create a gallery.

1. I clicked on "Galleries" and then on "Manage Galleries".
2. I then clicked on "Add new gallery" and named one gallery "Freedom" for the pictures for the 
    freedom page and the other gallery "team pics" for the "The Team" page.
3. I then clicked on "Add Gallery/Images" and proceeded to "Add files" to my selected gallery.
4. Once the files had finished uploading, I then linked the galleries to the pages they were made for.
5. I then clicked on save and the gallery tag appeared on the pages they were supposed to be on.