Main task: Evaluation

Evaluation

My brief for this web site was to design and create a web site for a charity which I chose myself. On my web site i had to include a logo, designed myself, a navigation bar also designed by myself, that worked and also has a roll over colour. It also needs to include a video linking to the charity i have chosen and a link to another web site. The charity i looked at in more detail was PETA, this is because they work for a good cause and i know more about that chairty than i do others.

My web site follows a lot of conventions, for example, the navigation bar being at the top of the web site and the logo being in the top left. I have followed a lot of web conventions because it works well in a web site, and is also easy for the user to know how to get around a web site, like I specified I would try to achieve in my rough designs. I did follow a simple layout like the web sites I have analysed including RSPCA and the original PETA web site.

I have tried to make my web site readable to all social groups, it is especially aimed at people in education as I added a tab on the navigation bar just for people in school to learn about the charity I have chosen. This is why it is best to follow the conventions of web design because otherwise children would not understand how to navigate around my web site.

So, my audience for my web site would be primary and secondary school children, as I have not used complex vocabulary on my web site and as I have already said, I made a tab for educational purposes. However, I would also be aiming my web site at people older than secondary school, as there is a donate page, which is usually done my debit card. (could also be done by cheque, cash etc.)

To attract the audience, I made a very eye catching logo, which would easily be remembered because of its individuality. I also made the writing quite bold, to attract the user to look at the writing and read the chairities name. I also used a blue border around the information which matched the colour of the navigation bar and makes important information eye catching.

I also think that the logo I have designed for my animal charity web site looks a lot better thank my preliminary tasks logo, as it is more stylish, eye catching and pleasing to my audience. Also, using a video has made my web site look more professional, this is because it would take a more skilled web designer to make a good video relating to the charity, therefore looking like it has more money put into the making.

To distribute this media product i would publish it on the internet, people could put the web site html in or they could search it on a search engine like Google, Bing, Yahoo, AskJeeves etc. Being able to search the web site i have produced, it gives me a better chance of people using my web site. They would distribute my web site because it is informative to the audience and also helps animals in need.

To improve the ranking on a search engine like google i should firstly ignore spam, as this is a waste of money most of the time and would rarely move my web site up in the ranking.

I could also use key word phrases, for example, to find my web site on google search, i would type in PETA charity, PETA Education or PETA Donate. By using different key phrases for each web page i have made, it gives me a higher chance of people clicking onto my web site.

Also, the first paragraph on the web page needs to be strong, this is because google only looks through a few hundred words on the web page, so making it strong gives a higher chance of being ranked higher on google search. My opening paragraph is about helping animals, which my whole web site is about, therefore if they person typed in how to help animals, my web site could come up on the search engine on a high rank because i talk a lot about the welfare of animals.

One of the biggest things google look at is the links that your web site use. If i wanted a higher rank on google search engine, i should of made a link saying 'click here to read more about animal welfare'. But i put ' click here to read more'. Therefore, making my web site a lower rank to other web sites who have specified what their web site is.

Linking my web site to other sites also gives my web site a higher rank, i have already got one link which is to my blog but if i got more links to other web site which relate to my own charity web site, i could get a higher ranking. Linking my web site to social net working sites like facebook would also effect my ranking, as this is one of the most popular social networking sites on the web.

Strong, effective web pages are what google looks for when they are ranking web sites on their search engine. To also get a higher ranking, more web site views are what google look for, which is good because i have an Educational link on my navigation bar, which would be used by primary and secondary school children daily, making my web site views high.

I have learnt a lot by making this web site, firstly I learnt how to use a web making program, web plus 10, and also how to make a video on the program Movie plus 5 and Movie maker. It was more difficult to make the movie, as I have to collect a lot of observational photo's and videos myself and place it onto individual clips. The hardest part was converting the file format so that it would play on my web design.

However, i finished the making of the video and i think it has worked really well, as it starts when the user clicks onto the Home page, and loops round, which looks better as it is continuous rather than stopping , keeping the home page animated.

I have learnt a lot if I look back over my preliminary task I did before this main task web site. Firstly, I know the colours work better on my web site I have made for my main task, better than the one before, as the simplicity makes my web page look more professional and simple. I researched colour theory a lot however, I did not use these theory's in my Final web site because it would not of looked as good as my web site does now.

The photographs I have taken for my main tasks web site are also my own, observational photographs of animals. However, the photographs i used in my preliminary task were not my own observation photographs, as i found them on numerous school web sites. I learnt that capturing my own photographs not only makes my web site look better, it also looks and feels more realistic compared to my preliminary tasks photographs.

Also, by looking at composition and photographs it has also made my web site photographs look better, as I took into account what I had researched, with the different angles and what to include in the photograph, for example, to use a simple composition, I captured a close up

It is clear by reading the above evaluation that i have not tried to challenge any web conventions, which is because i want people to know how to get around the web site and i don't want it to be confusing otherwise, the target audience would not know how to use it. By analysing other web sites at the start of my main task, it has helped me with ideas on how to design my own web site well.

If i had the chance to make this web site again, i would pay more attention to small details, for example, on the About us web page, i could of made the fake link at the bottom a real link, therefore making the web site more realistic. And, i would also make the Donation button on my donation page a link, which also makes it realistic and would give a more professional look.

Overall, i feel like my web site has worked well because i used idea's from a real animal charity's website like layout of the PETA web site. And, i also followed a lot of the web conventions, which makes the web site more realistic and helps the audience navigate around the web page.

I made this a link to my blog, which was cumpulsory in the making to my web site. I made this link because it was to see more information about the web site and what research I went into to make it. I also made it bold by using a brown background (matching the colour of my logo), and using bold writing so that it stood out from the rest of the information on my web page.

This is a link I made on my home web page, which links to my about us web page, this i linked these together because the About us web page has more information for the audience. By having this link in a different colour, it stands out from the page, attracting the users eye, and also it meets web conventions. It meets web conventions because on all web sites links are in different colours.

I included small award photographs I found on google images, and I also edited certain ones to fit with my animal charity. I used these on my web site because it looks more professional, and also looks like the charity is real, well known and doing good, otherwise it wouldn't earn awards.

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.

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.

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.

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.

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.

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.