Skip to main content

OUGD603 | Extended Practice | Brief 04 | Development designs - Website Research & Design (Aneta) | Action against Animal Cruelty Campaign - Petection |

Website Design - Research (Aneta)
For a more social and wider network for our campaign we discussed to create a online website design that specifying Animal cruelty. As my collaborative partner is in charge of designing our campaign website. She has done some research of how online animals charities/campaigns function and how the layout is like. 

The first example is WWF
'WWF' is the world’s leading independent conservation organization. 'Our mission is to create a world where people and wildlife can thrive together.' The web page is friendly and colourful, containing lots of features like adoption, donation, a feature where everyone can join them. On the bottom of the page viewers can find options like contacts, terms and conditions etc. There is also used 'WWF' logo. 





RSPCA 
'The Royal Society for the Prevention of Cruelty to Animals is a charity operating in England and Wales that promotes animal welfare'. Layout for the web page is simple, using limited colours. The first thing which shows up while entering the site is a feature of 'Donation', going down the page the viewer can see photographs of animals people can donate for. 






Guide Dogs
'Introduction to how Guide Dogs makes a difference through mobility, campaigning and research'. Thought Guide Dogs web page people can sponsor dogs. By sponsoring a puppy consumers will receive a gift pack. On the bottom of the page you can find features like contact details and some useful information. 

















PDSA
PDSA provides free veterinary care to the sick and injured pets of people in need and promotes responsible pet ownership. On their webpage viewers can donate, and get involved. Compared to the webpages from the previous charities which I have found this page has lots of different features. Everywhere you move your cursor some new features are showing up.





Wire Frames designs - Petection.co.uk - Aneta
My collaborator Aneta created some initial Illustrator vectors sketches for our campaigns website mock-ups. Below are the digital wireframes for the Petection website.

  • Home Page - 'Home Page' will contain posters and articles about animal's issues. 


  • Adopt - 'Adopt' page will contain a 'donation' feature. It will also allow readers to pick up an animal they want to donate money for each month. 



  • Get Involved - 'Get Involved' will contain information why people should sponsor an animal and a gift which a person will receive after sponsoring an animal. 



  • About - 'About' page will contain a charity logo and information about the campaign. 


  • Contact Us - 'Contact Us' page will contain a feature to contact the charity by phone or email. 


Sitemap design




Home Page

  1. Home > Our Campaign
  2. Donate > Get Involved > Become A Member
  3. About > Contact > Helpline

Aneta's development - 'After reviewing in and creating sketches of how I want my web page to look like I have made some changes to the previous sitemap mainly because some of them would repeat the same thing.' 


  1. Home Page 
  2. Home > News
  3. Adopt 
  4. Get Involved
  5. About > Contact



Labels:

Comments

Post a Comment

Popular posts from this blog

OUGD603 | Extended Practice | Brief 03 | Development - Publication Layout design - Leah | BBC (Our Generation) - Life being British Born Chinese

Publication Layout - Leah For the inside of the 'Our Generation' publication, the collaborator Leah was in charge of this  brief's outcome segment. The publication's layout was constructed with 'Adobe Indesign' Leah made guide lines and measurements to help assist where the Photographs and the text should be placed. Illustrations of a paint brush stroke was experimented to give the pages more characteristics. We mutually agreed to make the size of the publication A5 format, and the number of pages are 16. Previously it was going to be 17, however one participant was unable to provided us with their childhood photo for us. Due to this situation Leah had to be more selective with the photos and information (Quotes) that we believe was significant for outlining our briefs context.  Below are some images of this layout format: Participant page order by names: Katie Sung  Leah Chen  Jackie Wan Tracey Lau Eliza Mo Kylie Lee Lewis Capper...
Post a Comment
Read more

Studio Brief 01 - How Do You Read?

In this Studio Brief 01 - How Do You Read? We need to use the range of fundamental design principles that we have been taught: Colour theory, frame & format, type & grid... Which all of them gives us a inform comprehension of the building blocks of graphic design.  Overall, our aim of the end of the Studio Brief is for us to design and produce a small publication (booklet, leaflet, etc.) that collates materials which, in turn, can communicate key factors of design principles to the reader.  These are some of the key factors of Design Principles: Gestalt Principles Colour Theory: Systematic Colour Colour Theory: Subjective Colour  Grids  Figure/Ground  Balance  Alignment  Proportions  Canons of Page Construction White Space  I may choose to look at one of these and expand it, or all of these or even a selection of these subjects which I want to present within my small publication that I will develop and ...
Post a Comment
Read more

Studio Brief 01 - How Do You Read? - Second Development

In this blog, I have finish printing out the physical  small publication book of Design Principles. I believe this second  development work was successful as the colours of the type has  been nicely and evenly printed out.The information on the  pages are arranged properly in the right order as to the the one  on the Macbook. However, I need to chose a different type of paper  stock which is much sturdier, e.g - card stock. As when I put the rubber band around the spine of the book it curls. Even though the  visuals of the book is very minimalistic and simple I believe this is  appropriate to the audience who would read this kind of book context.  Especially, for young students who want to learn the right knowledge  and information of design principles, whilst becoming a Graphic Designer. For the colour scheme I went for a very neutral yet colourful scheme,  as these colours only outline the significant factors of Design...
Post a Comment
Read more