Final Charity Website

In order to create my charity website I used a software called, 'Serif WebPlus10'. I was able to insert my own photographs, a video, hyper links, logo, a navigation bar and text. These could either follow web page conventions or break them. I chose to follow the web page conventions to make it clear for my audience to navigate around my website. Below are my final screen grab shots of my charity website. Each page displays the logo, contact helpline and the navigation bar. It also displays the title of the page to make it clear for the audience what page they're on.
-------------------------------------------------------------------------------------------------------
Home Page
-------------------------------------------------------------------------------------------------------
The home page includes original photographs of animals relating to the charity website. The navigation bar is clear and easy to use. There is a little it about what the website involves such as the, "Looking for a pet?", "Fundraising for the PA&D", "Our animals" and "The PA&D Today".

-------------------------------------------------------------------------------------------------------
About Us Page
-------------------------------------------------------------------------------------------------------The about us page includes a whole, welcoming text about the charity of issue and also a video about what the charity does.
-------------------------------------------------------------------------------------------------------
Donate Page
-------------------------------------------------------------------------------------------------------The donate page includes information about donating for the PA&D and main points on how to do that. I also have included a photograph of one of the animals to make the page more exciting not just boring and plain and full of text.
-------------------------------------------------------------------------------------------------------
Our Animals Page
-------------------------------------------------------------------------------------------------------
The our animals page displays just some of the animals that are from the charity. I have displayed their names and a photograph of them. This could have more of an effect on the audience actually seeing the poor animals who have been treated so badly.

-------------------------------------------------------------------------------------------------------
Rehome Page
-------------------------------------------------------------------------------------------------------
The re-home page includes a lot of information about re-homing. There is a hyper link which I have created to able the audience to get more information from just clicking on the highlighted, underlined text. "Click here". This makes it easier to navigate around and enter a new website from just one click and to get more information.

-------------------------------------------------------------------------------------------------------
News Page
-------------------------------------------------------------------------------------------------------
The news page shows latest news and photo's of the PA&D's and stories. More photographs make the page more interesting and will be effective for the target audience.

-------------------------------------------------------------------------------------------------------
Contact Page
-------------------------------------------------------------------------------------------------------

The contact page gives all the information on how to contact the charity. It is a bold and big piece of text to show its importance.

The colours of my website are suitable for a animal charity website. Most animal welfare charity websites which I researched in use the colour blue for their logo and layout. My layout is clear and displays the logo, title, contact helpline and navigation bar on every page. The colours connect to the colour theory under analog colours. The blue's which are used are either side one a little darker than the other and analog colours are known to be used when nature is involved or harmonious. As it is to do with animal I feel it is appropriate. The connotation of blue gives a calm atmosphere instead of red meaning danger for example.

Construction Process for My Charity Website

-------------------------------------------------------------------------------------------------------------
Dimensions
-------------------------------------------------------------------------------------------------------------

In order to start creating my charity website I had to set the dimensions to a certain width. I inseted a website template like the one above to work off as a background so no objects such as; text, photographs go under the template. This would mean that the audience would have to scroll down to see anymore information so it was essential that all the important object were within the template.

-------------------------------------------------------------------------------------------------------------
Navigation Bar
-------------------------------------------------------------------------------------------------------------

I had a task of creating my own navigation bar, I did this on the program 'Adobe Photoshop'. As I was new to this program and unexperienced on all the tools, I was able to follow simple instructions to create my navigation bar. Firstly I used the shape tool to draw out a rectangle shape as my main background of my naviagtion bar. Next, I added text using the text tool onto my naigation bar, I was able to change the font and colour. I inserted the names of my pages which I wanted to appear on my website. I chose a font that was clear and easy to read and a suitable colour to read off a dark background. I chose white and blue as I feel they work well together. Next, I added an effect to my text, I used the effect blur. Adding this effect made the naviagtion bar look more stylish and clear for my audience. To insert my navigation bar onto my website I went to insert, web object and clicked on rollover as you can see in the above image. The box above then appeared. I ticked both boxes normal and over as I had a second layer with the blurred effect on my text. I browsed for my sepearate parts of navigation bar and put them all together to make my navigation bar. To make the naviagtion bar navigate around my website I had to add a thing called an anchor to the page and connect it to the naviagtion bar. This then abled the naviagtion bar to work and made it easy to navigate around the website.
-------------------------------------------------------------------------------------------------------------
Logo
-------------------------------------------------------------------------------------------------------------
I created my own logo, from using my designs and producing it on Adobe Photoshop. I used the shape tool and created it using a paw print shape relating to the animal charity website and added text to it with the text tool. I changed the colours then my logo was completed to insert into my website. Inserting the logo was simple, just went to insert picture, from file and browsed for my logo and moved into appropriate place (the top left side of the screen) following the conventions of website making.
-------------------------------------------------------------------------------------------------------------
Photographs
-------------------------------------------------------------------------------------------------------------

I took my own original photographs of animals (cats, dogs, rabbits mainly) to use to put on my charity website. To insert my photos all I had to do was go to insert picture, from file and browse for the photo to insert and place it in a suitable place within the website template because they are eye-catching for the audience. I was aiming for my layout to look professional and serious.

-------------------------------------------------------------------------------------------------------------
Video
-------------------------------------------------------------------------------------------------------------

In order to produce my video for my charity website I used the program, 'Windows Movie Maker'. This was a simple enough program to use as on the left side of the screen it gave me information on what to do. I inserted my own photographs and added some text and the charities logo. It was put all into a sequence and was timed reasonably well. I was able to add transitions to the movie and the edit faded from one photo to another. To insert my video onto my website I went to insert, media and then video. I was able to browse for my video set it as an icon to show up on my about us page. Above is a preview of my video for my charity website.

-------------------------------------------------------------------------------------------------------------
Text
-------------------------------------------------------------------------------------------------------------

On this software there was a text tool to insert text and write plenty of information for my website. I could change the colour of the text and the font, I thought to using the same colours to make it look sensible and 'Calibri' font so it is clear and easy to read text. The propaganda of my text had to aim to persuade my target audience to give their help, get involved and dontate to those needed animals.

-------------------------------------------------------------------------------------------------------------
Hyperlink
-------------------------------------------------------------------------------------------------------------

As part of my task in producing a charity website, I had to add a hyper link to my website. It is located on the re-home page where the audience can find out more information. I have hyper linked it to my blog. I highlighted some text saying 'click here' right clicked and went to hyper link I could then type in my choice of hyper link to link that piece of text to.

Final Designs for Charity Website

Below are my rough ideas for my final charity website. They able me to look off them to create my final charity website.I tend to work off these to make each page for my charity website. Each page I plan to have will include a logo, contact helpline, navigation bar and title of page. The original photographs will appeal off the white background with blue font, logo and navigation bar. The navigation bar is on the left-hand side following the conventions of a website. I also plan to create my own navigation bar and add an effect so the text lights up when rolling over the text.
-------------------------------------------------------------------------------------------------------------
Home Page
-------------------------------------------------------------------------------------------------------------

On the home page I plan to have a few photographs of the animals and a little information.

-------------------------------------------------------------------------------------------------------------
About Us Page
-------------------------------------------------------------------------------------------------------------
I plan for the about us page to have a video introducing the charity to the audience, telling them who they are and what they do and what the charity involves.
-------------------------------------------------------------------------------------------------------------
Donate Page
-------------------------------------------------------------------------------------------------------------
The donate page will have plenty of information about how and why to donate.
-------------------------------------------------------------------------------------------------------------
Our Animals Page
-------------------------------------------------------------------------------------------------------------
This page will preview the animals that belong to the charity and their photographs and name to give the audience a little information making them want to find out more about maybe one them certain animals that are in need of a home.
-------------------------------------------------------------------------------------------------------------
Rehome Page
-------------------------------------------------------------------------------------------------------------
Similar to the donate page it will give plenty of information and a photograph so it's not just all text.
-------------------------------------------------------------------------------------------------------------
News Page
-------------------------------------------------------------------------------------------------------------
This page will give information about what has been going on recently and recent photos. Latest news can really appeal to the audience because they might want to know what's going on at the present time.
-------------------------------------------------------------------------------------------------------------
Contact Page
-------------------------------------------------------------------------------------------------------------

This page gives all the information on contact details and a photograph. This is a very old page because it needs to be taken seriously.

Logo Designs & Final Logo for Charity Website

In order to create my own charity of issue website I needed to create a logo. Below, you can see I have created 4 designs for my logo. I then market reserached the logos to see what the public had to say about my logos. I market researched my logos through the social networking site 'Facebook'. This abled me to recieve feedback of my logos and made it easier to choose the most suitable logo to have as my final logo and which colour scheme to use.
-------------------------------------------------------------------------------------------------------------
Design 1










This logo design could be recognisbale and suitable for my website. However, from my comments by my market researchers it is found to be a bit complicated. With the letters (PA&D) joint together it looks messy and not very clear. It may be simple but not very effective for my charity website. The paw print behind is the only thing that will give it away that it is an animal charity. Without giving the full name of the logo how will the audience know that it is a pet adoption and donation website? The colours are suitable and with the font a darker blue it helps it stand out over the lighter blue coloured paw print. This was not a popular choice of designs because it's not clear with the letters to close together and compilicated and not recognisable for the audience.
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
Design 2










This logo design was the second most popular. Reasons for this were because it gives the full name of the charity which is different to other charities such as the, 'NSPCC, RSPCA, PDSA, WWF'. One negative opinion which a person gave was that it doesn't fit within the pawprint and looks quite boring. The colours were fount to be suitable and smart and can represent the website as a calm and serious charity of issue. The font is boring but the whole logo design is simple but it is not attractive and not a very effective logo to use. The audience won't find it recognisable because it is plain and boring. As the second most popular, I don't think I will be using this for my final logo from what has been commented by my market reserachers.
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
Design 3







This logo design was fount to be the most popular in my market research. It is simple but very effective giving the shortened and full name of the charity website. With the shortened version in the paw print it is very different. With the name in the darker blue colour it makes it stand out more over the paw print. Most people fount the logo not to complicated and helpful with giving the full name of the charity. It is also similar to the pdsa and rspca which are both shortened down versions of the full name of the charity. People also made their opinion that it is one complete logo with the text fitting in with the paw print so it doesn't make the paw print look like a seperate logo to the text. This logo was fount very effective because the text forms part of the paw print. I will take into account that this was the most popular logo chosen and may think of having this as my final logo for my charity website.
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
Design 4










This logo is very simple and from my reserach it is fount to be quite boring. It is recognisable for a website however just with the shortened version of the named (PA&D) it doesn't give the full title in the logo which can't be very helful for the audience and can be fount complicated with what it means. The paw print is appropiate to that is an animal website. This was not a popular choice to be my final logo, so overall I think this will not be used as my final logo for my charity website. It is to boring and not effective enough to be eye-catching for the audience.
-------------------------------------------------------------------------------------------------------------
Final Logo
I have chosen to have design idea 3 as my final logo for my charity website. This is because I think it is suitable, simple and gives the full name rather than just the inititial 'PA&D'. My market researchers chose this one to be my final logo. It tells my target audience that this is the, 'Pet Adoption & Donation' charity website. The colours are a similar mixture of the rspca logo and pdsa logo. Blue is used for many animal charities.