Charity Logo Research

This is the Greenpeace logo. It is a symbol logo and it is very sophisticated as the world is literally in someone’s hand. This suggests that the charity is a caring one. There is only two colours used in the logo which are green and white. The logo is green because that is the natural colour of Earth.

This is P.E.T.A.’s logo which is a symbol logo. The logo immediately tells us what the charity relates to through illustration. P.E.T.A. aims to prevent animals from suffering. The colours used in this logo are a harmonious blue and white.

This is Amnesty International’s logo. It is a symbol logo which suggests isolation because of the barbed wire. It also suggests loneliness as the logo contains a small lit candle. The colours used are contrasting colours which are black and yellow. Black suggests darkness and yellow suggest lightness.

This is the Manx Blind Welfare Society’s logo and it is a symbol logo. It is a logo that works very well and is very clear to what the charity is about as the logo contains an eye and the charity is about blind welfare. The colours used are black and pink.

This is the Crossroads Care logo. It is a name logo

screenshot_2017-01-28-22-58-16-1.png

This is the Isle of Man Hospice logo. It’s a name and symbol logo

This is the British Red Cross logo and it is a name and symbol one.

This is Help for Heroes’ logo. It’s a name and symbol logo

This is Oxfam’s logo and it is a symbol logo only.

This logo belongs to the M.S.P.C.A. and is a name and symbol logo.

This is the W.W.F. logo which is a symbol logo

The is The Royal British Legion logo. It is a name and symbol logo and the logo suggests the charity is formal and sophisticated as it uses a serif font. The symbol is also a famous idea. The reason the logo is a poppy is because it was the first thing that grew back after the many bombs and explosives that went off in no man’s land during WW I. The colours used are blue, red and white.

This is WaterAid’s logo which is a name and symbol one. It is basic but it works as the the image is a water droplet and the text “Aid” is in blue, representing water and what they do, which is aid people with clean, safe water. The colours used are blue, which is used very effectively, and black.

This is the Salvation Army logo and it is a name and symbol one.  It is a traditional logo as it is a badge but the Salvation Army his military influences. The text is also in a sans serif font to take the formality down as it’s not an actually army, they want to be friendly to the people they help. The letters being in caps could also suggest the amount of seriousness that the charity aims to do.

screenshot_2017-01-28-22-48-35-1.png

This logo belongs to Save the Children and it is a symbol logo.

Charity Animation

The web page that I animated was Child’s Play Charity’s.

picture2The first thing I animated was an advertisement for the page which Child’s Play sponsors. I added a green rectangular shape which went from top to bottom.

screen-shot-2017-01-27-at-13-00-41

In order for me to do that I had to make the shape a symbol. To do that I went to ‘Modify’ and ‘Convert to Symbol.’ This allowed me to edit how the shape interacts.

screen-shot-2017-01-27-at-13-03-08

Once the shape was a symbol I created a classic tween to make the shape move.

screen-shot-2017-01-27-at-13-03-31

These are the frames that are in my animation. To make the rectangle move, on one frame I scaled the shape to be small and on the top and then on a later frame I scaled it to be larger and move to the bottom. Between those frames is where I added the classic tween.

screen-shot-2017-01-27-at-12-59-07

The second thing I animated was fading in images and text. I made each image and text box a symbol and edited the tint of them. It was a similar process to the rectangular shape. On one frame I made the tint 0%, which is invisible and on a later frame the tint was 100%. I added a classic tween between those frames. I had each fade in at different times to make it more sophisticated.

screen-shot-2017-01-27-at-13-01-21

Here is the animation at the end with everything on screen.

screen-shot-2017-01-27-at-12-58-46

Here is my finished animation.

My Chosen Charity Research

Who my Charity is

picture1

The charity I have chosen for my animation project is Child’s Play Charity which specialises in improving the lives of children in hospitals and domestic violence shelters by introducing them to the gaming industry and allowing them to play video games. By authorising this opportunity, the charity’s aim is to make these games help the mood of the children they help in a positive way, and to distract them from their unpleasant experience.

The methods Child’s Play use to appeal to the public is setting up a gift wish list full of video games, toys, books, and other fun stuff for kids. On their map the public can click on one of their hospitals and view that hospital’s list and send a gift. On their home page you can view how much money has been donated, this may encourage other people to donate as they presume a charity with that much money must be successful. Other ways is the option to apply to make a Network Domestic Violence Support Facility and to a Network Hospital. How Child’s Play spreads the word that they exist is through press information. They raise awareness through local, student, or online media outlets, mainly in America.

Slogans

The current slogan for Child’s Play is Gamers Giving Back.

The slogans I have created are:

Helps the Game of Life

XP for Kids

Lifelong HP to Children

Introduction to Slicer Tool and Basic HTML

Here is a photograph of an Audi which I obtained from Pixabay and imported it onto PhotoShop.

audi-1890494_960_720

To make a selected part of the car a link to a website, I used a tool called the slicer tool to create this.

a2

The part I will make the hyperlink is the wheel of the car which is highlighted in an orange box.

a1

To make a more specific hyperlink area I used the select tool to highlight the wheel in a circular shape.

a11

In the options is where I named the image.

a3

In the URL is where I added the link to the website.

a4

Once that was done I went to ‘File,’ ‘Export,’ then ‘Save for Web (Legacy)’ to make the HTML work.

a5

Here is where I saved the HTML.

a6

By default the format is saved on ‘HTML Only’ but in order for this to work it had to be changed to ‘HTML and Images’.

a7

Here is the finished HTML.

a9

This is where the hyperlink took me when I pressed on the wheel of the car.

a8

To make the wheel of the car move I went to the window tab and selected ‘Timeline.’

a10

https://pixabay.com/

Web Design Key Words

Responsive – A web design approach aimed at crafting sites to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices, from mobile phones to desktop computer monitors.

Static – A webpage with fixed content. They are the most basic type of website and are the easiest to create. Unlike dynamic websites they do not require any web programming or database design. A static site can be built by simply creating a cew HTML pages and publishing them to a web server.

Dynamic – Webpages that are generated in real time. These pages include web scripting code such as PHP or ASP. When a dynamic page is accessed the code within the page is parsed on the web server and the resulting HTML to the client’s web browser.

Progressive enhancement – A strategy of handling webpage design for different browsers that are lacking in modern support.

Resolution – The number of pixels contained on a display monitor. DPI stands for dots per inch. PPI is pixels per inch.

Rollover – A button used to provide interactivity between the user and the page. A mouse action will have to be set to either “click on” or “mouse over” in order for the rollover to be triggered.

Server and client – A program that uses HTTP (hypertext transfer protocol) to serve the files that form webpages to users, in response to their requests, which are forwarded by their computers’ HTTP clients.

URL – A URL (uniform resource locator) provides a way to locate a resource on the web, the HTTP that operates over the internet. The URL contains the name of the protocol to be used to access the resource and resource name. The first part of a URL identifies what protocol to use.

UI – The UI which stands for user interface is about how the product is laid out. It’s also about how the user interacts with each screen or page.

UX – UX stands for user experience and it is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and product.

Accessibility – The inclusive practice of removing barriers that prevent interaction with, or access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

CMS – CMS stands for content management system and it is a software application or set of related programs that are used to create and manage digital content. Content management systems are typically used for enterprise content management (ECM) and web content management (WCM). An example of a CMS is WordPress.

Framework and library – A package made up of a structure of files and folders of standardised code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site. The library is a collection of design elements that appear multiple times across a site.

Wireframe – A visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Content hierarchy – How the content of a website is arranged and categorised. This can be visualised as a family tree where the home page is the single common ancestor which all pages are related to. It forms the core structure of a website and affects everything from design to navigation.

SEO – SEO stands for search engine optimisation and it is the process of affecting the visibility of a website or a webpage in a web search engine’s unpaid results – often referred to as “natural,” “organic,” or “earned,” results.

Design patterns – A general repeatable solution to a commonly occurring problem. A design pattern isn’t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many situations.

Analytics – The systematic computational analysis of data or statistics.

Historical and Cultural Advertising Campaigns

Historical

This is Oxfam’s first launched campaign, Greek Week, which was held in 1943. The advertisement aimed to ease the mass starvation in Greece. Oxfam managed to raise £10,700 for the Greek Red Cross which is equivalent to approximately £370,00 in today’s money.

The market audience are the British parents as the advert is focused on a starving child and that Oxfam is based in Oxford, England. They wanted the people of Britain to send food parcels to the given address at the bottom of the advert so Oxfam could send them over. It works because in the image the child’s eyes look innocent and they get their point across because it’s basic and not overly detailed. the advert contains a short amount of information that is necessary – what they do, what they aim, what they are and a little background story related to the image to intrigue the reader. They keep the viewer interested because of the sympathy for the girl. the reader wants to know if Oxfam saved her. If Oxfam managed it then maybe they could help more. This advert was probably produced in a newspaper as it’s only a still, printed advertisement.

screen-shot-2017-01-05-at-08.44.29-1.png.png

This is PETA’s, People for the Ethical Treatment of Animals, famous poster against poaching, specifically the fur used to create clothing. It was made in 1994.

The market audience is to anyone who isn’t aware and to who are certainly aware of how their fur clothes are made. The upperclass are the ones who would buy the clothing so it is  as far as one knows aimed specifically at them. They want people to stop wearing fur clothes, and to get their point across the women in the advert say they would rather wear nothing than to wear animals. The advert does work as their point is very clear at the top of the advert. They keep the viewers interested by having popular celebrities at the time pose naked. The advert was produced as a poster from a photoshoot.

screen-shot-2017-01-05-at-08.49.23-2.png.png

Cultural

This is the British Heart Foundation’s billboard advertisement about the link between clogged arteries and smoking. The billboard shows a fat filled cigarette. The billboard also had a television advertisement and according to statistics it helped stop 14,000 smokers.

The market audience is to anyone who smokes and their aim is stop people smoking by using specifically in this advertisement. It works because the image used puts off the user as it gives a revolting reaction. They get their point across by stating a very clear fact, in just one sentence.

screen-shot-2017-01-05-at-08.57.38-1.png.png

This is a famous photograph which was taken nearly 40 years ago for a muscular dystrophy campaign. It was recreated by the charity in 2010.

The market audience is to any member of the public and the aim of the poster is to argue that muscular diseases are to not be ignored. It works as it triggers a small amount of guilt if it’s disregarded.


Reference to where I found these advertisements https://www.theguardian.com/voluntary-sector-network/gallery/2015/feb/02/charity-campaigns-influential-oxfam-unicef-adverts-gallery