Tuesday, 29 March 2011

Media Diary Post

I have now finished creating my main task website for the charity of my choice which was PETA. The post before give a lot more information on each web page as I went into a lot of detail such as why I captured my own photographs and how they work well on my website.

I personally think that the website I have created for the charity PETA looks great as it is exactly what I wanted as it looks clean and professional. I have also included an education web page as I have stated that I wanted to have a wider audience for this website and for the younger generation to understand that animal cruelty is bad and why it is. The use of the three colours blue, brown and white has worked very well and so I am glad I broke the web convention of the colour schemes that people use on their own websites.

I am now going to analyse my website in much more detail than this.

Tuesday, 22 March 2011

Final Charity Website


To construct this web site, I firstly made a master page, where I placed the logo, navigation bar, blue border and charity awards on, as I wanted these things to be on the web site in the same place.
To produce a video, I filmed my dog a couple of times, I also added in photographs of her and the PETA logo. I then put a voice over on this video. I did this using Movie Maker, as it was much easier to put the video together using the time line view, as then I was able to see the audio.

Above is my home page, I included a video, a photograph denotes a dog looking up at the user, with a small section of writing telling you what the charity is about. I also added a highlight colour onto my navigation bar, it is blue originally, and when you highlight over it, it is the same colour brown as the hair on the dog which is my logo.



For this about us web page, I added a quote into it to make the web site look more realistic and believable. I also added a dark blue border on the photograph of the dog to make it stand out against the white background. I also added a little writing to the left of the website and the writing at the bottom of the website to make it look much more realistic like a website which is on the internet.

This is my about us web page, I added different observational photographs, an about us title, as the user may not know which page they are on. To highlight certain sections of this page, I used a brown coloured text box, and also bold writing, as it is something I would want the audience to look at and notice. The first photograph denotes a lot of cows behind fencing, and the other denotes a dog playing with a toy.

This one was made in a similar way, with blue borders to highlight the photographs and make them bolder, I also added a link which I have spoken about.


This is my education web page, to make it look more interesting I used two different coloured writing, as the white stood out from the brown well compared to black and also matches in with the colours I have already used, seeing as I wouldn't want to use too many colours as it wouldn't look as good and it would look badly constructed.

I firstly made the donate box, as this is the most obvious thing to include on a web site, I then added all the text to thank the person for donating and offering them a chance to become a member.

This is my donate web page, I made a donation box to make this page look more realistic like the original PETA web site.

Tuesday, 15 March 2011

Media Diary Post

I have finished my rough designs for the charity website I shall be creating soon. I drew them and then outlined them with a black pen. I then scanned them in onto Photoshop. I added a little colour to my rough designs to show what colour I want on my final website.
I have looked a lot into the colour theory and decided to break this convention by using the colours blue, brown and white. I chose to do this as I felt that I did not dare break the conventions of a website in my preliminary work. This stopped me from maybe gaining my full potential in creating web sites as this colour scheme may look better than a conventional colour scheme. I chose the three colours also because the logo uses the brown and blue, with a white background, which I think will make the web site look really simple and professional.

From now onwards I shall be creating my final main task website for the charity of my choice which is PETA. This is going to be really good and fun to make as I am breaking a few conventions of web design and I aim to make it much better than my preliminary task website for a school of my choice.

Sunday, 13 March 2011

Rough designs for my final Website








These are my rough designs for my final website. I chose to follow a lot fo the conventions of a normal website by:
  • Putting the logo in the top left corner of the web page, which is seen in most websites
  • Placing the navigation bar at the top of the web page, which makes the web page more manageable and easier for the public to get around
  • Putting important information before the fold on the web page, making it easier to read and more eye catching.
I chose to use the background colour as white, this is because a lot of the other charity websites have used this layout and they also look very professional and they also seem to look like they are a more, well known charity, as RSPCA, PDSA and also the original PETA website follow this layout.

The audience I have aimed my website at would want the sight to be easy to get around, so if I had a lot of bright colours, if I used analogue colours, Split complementary colours and also Triad colours, I feel that the web page would be too bright and harder to take in, using white and the same shade of blue that is in my logo, it would be easier to understand.
Also, as the blue is the same colour as my logo, I feel as though the web site would follow the same trend and all tie in together.

For a highlight colour, and also some titles of articles and words, I would use the shade of brown which is the colour of the dog, as this also ties in with the logo and would make the web site look professional.

Monday, 7 March 2011

Media Diary Post

I read the feedback I was given when I did my market research on the logo's I created using Facebook. I chose which logo had the best feedback which was the second logo I posted on my Facebook. The only bad comment which was made on this logo was that the charity's name needed to be larger for it to be eye-catching and also look better next to the picture of the dog.
So, I went back onto Photoshop and enlarged the writing next to the picture of the dog, which means that this logo had no bad comments.
As I have said, by doing this market research it has helped me improve the design of the logo, and it has also helped me learn that criticism on my work can sometimes be a good thing, and can be the different between a good logo and a bad logo.

I have just started the rough designs for my charity website, these will help me when I come to actually create my website as I will know where I wanted everything to go and also shows that I have thought a lot about my work.

Thursday, 3 March 2011

Final design of my logo


The market preferred this logo to the rest, before I made the necessary changes, the original logo was entertaining, the wording of PETA was nicely placed, a lot of people liked the writing being down the side of the logo instead of over the dog or on the jumper.

They also said that the logo could be improved by enlarging the size of the wording PETA. I then went back onto Photoshop and manipulated the logo so the lettering PETA, was bolder than it was before I edited it. By making this tiny change, I now think the logo appeals to the market more, as I took into account their advice when I researched it by putting it onto facebook.

By doing market research on logo's, it has really helped me to decide on which logo to choose and also what changes I can make to the logo which I felt as though got the best review by the public.

Tuesday, 1 March 2011

Media Diary Post

I am now looking at other design elements within my website and have now chosen to focus on what types of photographs I will use on my website. I am going to capture my own observational photographs as I want to website to be as personalized as possible. So, I looked at the design elements of creating a photographs such as the rule of thirds and non-verbal communication. I captured my own photographs in this section of work to show that I understand the design elements and also show that I am going to be capturing my own photographs when I come to create my own website.

After I had looked at the design elements such as photographs, I then moved onto an important design element which is colour theories. There are certain guidelines that many web designers follow to make websites look good with different colours combined on the web page. I researched things such as what one, two or three colours fit well together. By doing this piece of research it has helped me to understand what colours I should and shouldn't use when I come to creating a colour scheme for my website.

I have listened to the feedback I received from the market research I did of my logo's using Facebook, and I will be showing my final logo design in the next piece of work.