Evaluation

My task was to produce a website that was for a charity that I was passionate about, it had to contain four pages. My website had to have my own photograph, logo, written text, video and navigation bar. I have done my charity on animals because I like then and i find them interesting so I have chosen to use them.
I believe that my website on the whole doesn’t break the conventions. I have tried to make my website stand out by using a brown theme where i use different shades of brown to compliment each other. I have used easy to the eye colours; I have based my website on similar charities which support animals and the prevention of cruelty to them. Maybe another thing that could challenge the conventions is the layout and the shape of my shape on my website it looks unusual and different, i have used boxes round any writing or pictures so that it all together i feel it gives it a professional look.
My website shows different social groups because lots of people like animals and lots of people own and care for them. So it directed at animal lovers and people who own pets/animals. I aimed my website at all of the animal owner’s not just pets, so it has a broader audience. People who are not interested in animals will not look at this website; it could be any gender, age, ethnicity and intellect. It isnt set on a social status any social status can look at the website it towards the people who are interested.
My website will be broadcasted on the internet because it is an easy to access and can be shown to everyone all over the world. The internet is a useful way to find information and it will be listed under a charity the internet is way of advertising for my charity. I will use it via a website and use the search engines such as google and yahoo so people will be able to find it easily. I would have to submit it to Google, Fast, Altavista, WiseNut, (write Teoma), DirectHit, and Hotbot these are all the major search engines and it will be reconised. If you use other links to other websites it will get you more well known, I have a few hyperlinks to other websites if other websites do the same. I can get to the top of google also by meta tagging certain words so that when the word is shown it will show my website. It could be in a governmental industry because cruelty to animals is against the law and you can get jail sentence for it.
The target audience I aim to attract is ones that have a passion for preventing harm against animals. My website is based on rescuing and adopting animals it shows a range of animals at a range of ages. I have provided information about the animals and how they got treated when they were younger this could effect the way they are around people. I want to attract both loving families and people who love and want to care for animals "Animals are not just a toy for Christmas" is a general comment that is used but it is true. Animals are for ever and through my website I wanted to emphasize this and show that they have thoughts and feelings too. They are not as stupid as they are seen to be they are clever animals they help us within the police, guarding and other jobs. They need to have the love and care and be treated properly so I wanted to portray this through my website and to the reader.
I attracted/address reader having true/up to date and real life stories about the animals and I decided that I would use an easy access navigation bar which helped the reader to look round the website easier. The words I used were easy and clear words to read, the font I used was Georgia and it is clear and easy to read so it is not a fancy font which is difficult to read. Also I had my logo in the left hand corner so the reader knew that they were on the right site, all the pages were same design so it made it look like a proper website that all fitted together. The reader might also be attracted to the page by the look of the website as it is bright colours it looks smart and not messy. Also the content on the website would attract the reader to look at it.
I have put on my website my own photography and in this I have used lots of different types of pictures most of them use dominate pictures where the animals is the main focus of the picture but it is very hard to picture animals. On the our work in action page both of the pictures of the cat and the dog they are both looking at the reader so it makes them feel like they want to be adopted. It represents that the animal wants a loving home. In some of the pictures I tried to get the animal looking away from the camera to show that they are afraid and trying to show cruelty.
I have learnt about new technologies within making my website I have used different and new software such as Serif WebPlus 10’, 'Windows Movie Maker' and ‘Adobe Photoshop’. These have all helped me to design and make my website, I used Serif WebPlus 10 to make my website and construct it. It is a useful and good piece of software where I can easily make a website I was able to make hyperlinks to connect my pages together. I used windows movie maker to construct my video I first got my raw uncut video where I then looked through it and edited it to what I wanted to. Then when I had my edited video I then added in my pictures and writing. It is easy to use and I found it very helpful with doing my video. I added titles so that people who are hard of hearing were able to read what it says. I used Photoshop to make my design, navigation bar, cut my pictures and make the titles for my website. Photoshop is a hard piece of software to understand and use but I found that after you got used to it you could use it to the best of its ability. It helped me a lot with my presentation and the way my website worked. It made my navigation and gave me the flash on the page as you highlighted it.
Looking at my preliminary task compared to this one I think having my own pictures helped a lot because you had what you wanted in the picture not one that you found. So it made it easier and gave me exactly what I wanted. I have also gained new skills now I am able to make my own navigation bar and make it work effectively. I now know how to take effective filming and also picture’s and make it look good, now I can use Photoshop to cut the pictures and make them look different instead of being a boring box shape. My first website I made wasn’t very good but I have learned from my mistakes I think I have made a very good website that is eye catching and effective.
If I did this again I would proof read it before making it final for example on my video I spelt calmer wrong and put karma and it is a mistake I would correct next time. Also I would try and experiment with designs of my website and try and make it exciting.

new website pictures

These are my new websites pages I have kept it very professional looking, they all look the same and they all look like they are part of one website.

Finished website address

http://portal.nkschool.lincs.sch.uk/media/91bh11/

video

This is the video that is on my website, I used both still pictures and I got some film which I recorded and edited myself. I have used the software that comes with the computor the Windows moviemaker to produce my video. I have used both still and moving becuase I think the contrast to the consumer from moving to the still so makes it more eye catching. I have added writing with in the video becuase it think that me explaining what the website was about makes every consumer understand what the website is about. I believe my video represents all the types of animal and that they deserve a kind and caring home.

That was my first video I did I got feedback from my friends on it and they told me I had to have the pictures showing for longer now they show for 3 seconds. Also they told me that I spelt calmer wrong so I changed it and improved it so that it looks better.

Final website & draft designs

Construction of my website
I used web plus 10 to design my website this is a software that can help you make websites, I designed my own navigation bar by using photoshop this is where i was able to distort my the writing so when you hover over it it will look like the writing is highlighted.

This is my navigation bar I constructed it with Photoshop, and then did a copy which can make it flash.

i used photoshop to cut my photos to make them more appealing to the reader and also it makes the picture look better. I used all shapes circles, rectangle, oval and pentagon.

I made my logo easily out of shapes on photoshop then I simply added the writing to the shapes and coloured it in. i had to simpify the layer so i could change the colour of the shape.

This is my basic design of te website I usd photoshop to produce the curve in the orange shape to make it look more effective and it sort of breaks the conventions of a website.

Next i added on the paws down the right hand side to represent that it is about animals and to make the website stand out more.


Draft designs
My website has changed from the original designs because i got new ideas and changed it as I was working like the layout of the website and the format.

This is my homepage of my website;

This is my home page on this page i have two original images and a video clip which i made, i tried to have the video look better but due to the programme I was unnable to do so.


My donation page;

On my donation page I have four orginal images and i also have a hyperlink on to another page for more information.




Our work in action page

On this page I have two orginal imaes and I have used my own writing to make two stories about the animals and what happened to them.






About the animals page

On here I have five hyperlinks to other pages and I also have one orginal image on this page. On all the pages i have a working navigation bar where i link up with going to ther pages i used the heading of the name as the anchor for each page.

Photography, Composition and Non verbal communication

When I make my website i will need orginal photgraphs and videos on it so i am going to do some reseach in to photography and how it is potrayed to the reader. There are certain rules within taking photos that you need to follow to get a good picture.

Eye flow
This is a techniquie so the viewer can see all the picture, it makes the viewers eye travel along with the photgragh so they see the whole picture. Every bit in the picture takes you on to another bit so it taking you on a journey through the picture.

Dominant element
This is where there is one main object/person in the picture and that object/person is the focus of the picture. It is usually the centre of the picture and the main focus.

Simplicity
This is used to single out a item or items, they only use what is essential for the image to look good enough.

Balance
The balance within a picture is key for its outcome, is it symmetric or asymmetric, subtle or obvious.

Diagonal rule
One side of the picture is divided into two, and then each half is divided into three parts. The adjacent side is divided so that the lines join together the resulting points form a diagonal frame.

The rule of thirds
The Rule of Thirds is based on the fact that the human eye is naturally drawn to a point about two-thirds up a page. Crop your photo so that the main subjects are located around one of the intersection points rather than in the center of the image:

The picture above is almost dead in the middle of the picture so there is wasted sides round the outside of it. This makes it uninteresting so I believe that I need to change it to make it more interesting. I can use the line of three grid to crop the picture so the wasted space is not there anymore. If crop the picture the flower will be off centre which makes the picture more interesting and mysterious, and makes the flower the main attention of the picture. Below is a different picture where the flower is from a different angle.

I cropped this picture which makes it look more interesting the line of three is where u divide the frame in to thirds, the points of the grid where the subject should be placed in order to be most interesting . The middle of the flower is directly lined up with the focusing points. Any one of those four points is a great place to frame your subject.

Non verbal comminication
Expression - this is cultural codes that are instictly recognised when you see it.

Eye contact - directly looking at the or towards the consumer or involved within the scene of the advert.

Clothes - These are important to show to the audience and it potrays what the person is like.

Pose-static or active - It works with emotion and this can also be symbolic of a status.

Body movement - This relates to the way the person is moving

Positional communication- This is the relationship between the actors in the frame of the picture this resembles where they are enermies or friends depending on how they are placed within the picture. Also status can be shown.

Reciprocal - This is a way of showing a relationship where the two people are in each others attention

Divergent -Each persons attention is diverted away from each other showing a relationship that they dont get on well.

Object - The people have their focus on a certain object which is the centre of the photo.

Semi-reciprocal- One of the people within the picture their attention is concentrated on the other, whose attention is elsewhere.

Colours

Colours are key to get a good design and look on the website, you have to be careful on clashes of the colours and it needs to look stylish and classy with the right colours. Below is a colour wheel, colors are the way our brain, by use of our eyes, interprets electromagnetic radiation of a wavelenght between 350 and 750 nanometers.

Below on the spectrum it shows that different colours have different nanometers, Electromagnetic radiation with a wavelength of over 750 nm is called infra-red, and radiation under 350 nm is ultra-violet.

Primary colours

This is a 3 pigment colors that can not be mixed or formed by any combination of other colors. All other colors are made by these three colours and they are red, yellow and blue.

Secondary colours

These colours are made up from mixing the primary colours together, the colours produced would be purple, green and orange.

Tertiry colours

These are colour that are formed by mixing primary and secondary colours together, it makes colours such as yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green.

Colour wheels

These are very useful ways of mixing colours together and there is lots of different colour wheels like shown below.

Analog colours

These colours are adjacent to each other on the colour wheel. One of the colours is called the dominant colour (the main colour) and the others are used as enrichment colours (background colours).

Complementary colours

This is where it has to colours that are opposite each other in the colour wheel, This looks best when you take a warm colour against a cool colour, for example, red versus green-blue. This scheme is intrinsically high-contrast so it looks good and stands out.

Split complimentary colours

This is just a slight variation of the complimentary scheme, it uses one colour and the two colours that are adjacent to that colour. This gives a high contrast and so it makes it more effective.

Triad colour

This uses three colours which are equally spaced out round the colour wheel, it is a popular colour scheme to use due to it having strong visual contrast. The triadic scheme is not as contrasting as the complementary scheme, but it looks more balanced and harmonious.

What i have chosen as my colour scheme?

I have chosen to use spit complimentary colour scheme because it is gives a high contrast between the colours. which with a website you need to make it more appealing to the audience and it make them want to look at it more.
I think I will use orange, blue and white for the text so it will stand out. Blue can represent freedom to the audience and it makes you want to help the animals. The orange stands out and contrasts againist the dark of the blue.