Friday, 10 January 2014

Assignment 2: Design a Website

Designing a Website

In this post I will be explaining all the information about Lions such as the best and fun facts about Lions which will get all kids interested.



Purpose: To explain kids who are beginners and who don't know much about Lions. The information can be about how they mate and the main juicy facts about Lions.

Facts will need to be fun and interesting. Interesting  

Target Audience: Kids aged from 10 to 14 years old as kids always likes to know about animals such as a lion which is a top predator.

Content: Lions as Introductions

On the homepage of Lions a small paragraph will be displayed in which there will be a description of Lions for example what a Lion is and where it mainly lives.

There will also be some images displayed below the short information about Lions.

Other pages on the website will include the following and in the correct order

1) Facts about Lions
Lots of interesting facts will be motioned on the page. Some examples are that Lions in the wild live for around 12 years and In the wild, lions rest for around 20 hours a day.

2) The different types of Lions
There are two different types of Lions which is a Lion and Tiger. Lions cant swim and Tigers can swim so there is some difference between those two.

3) How they eat
How Lions Hunt for food and what types of animals they mostly like to eat
4) How they mate

How Lions mate each other such as two different Lions fighting against each other to win the female Lion

5) What part of the world do they live and how they survive in the harshest conditions
How they survive around the world with even harshest weather conditions

6) Gallery
Lots of different images will be displayed in all the pages and on a separate page which will only include images.

Navigation


The image above shows the Hierarchy Chart for Lions

Colour Palette

The main text box displayed in the middle is the Home page which will have the other pages linked from the main page.



The screen shot above shows the different colour schemes with the Hex numbers below the colour scheme.

Background Colour: 3081D4

Header: 110612
Footer:  110612
Body Text: 110612
Heading 1 Style:  3BFF8B
Heading 2 Style:  3BFF8B
Links: 48FF56

Fonts


The screen shot above is the font type which I will be using for my text. The reason for this is that its clear to read and understandable

Logo

The image above is my own logo which I created using Illustrator CS6. The logo uses the colour green which makes its catchy and standout. 

To make a Wireframe of my web pages I used a software called Mockflow which is free to all users on the Internet. This software very easy to use and I managed to make all my web pages without any problem



 The image above shows the home page for Lions. The main page will have some key information about Lions which will get the viewer interested. Images will be included just to make the site a bit more live rather than just plain boring text.

My second page is going to be the fun facts about Lions. This will include the best facts about Lions which have not been said before.

My third page is about how Lions hunt their prey. This will include their favourite animal to eat and how the Lions hunt it down.

 My fourth page is going to be about the reproduction of Lions I.E. how Lions fight against each other to win the female Lion.

My Fifth page will include the different types of Lions how they are different to each other.

 My Sixth page will include how the Lions adapt to the environment and how they survive even in the harshest weather

Finally the last page is going to have lots of images and videos on Lions.

I have designed my own logo for the website but it cannot be added to Mock flow as its a
Wireframe website. The logo is very vibrant and catchy.

Interactivity

The tabs which is below the search engine is the navigation which links the user to another page when selected. Tabs which are organised are makes the website professional.

Navigation Tabs

The 6 tabs below the search engine is different pages which will be included in my website
Each one directs the user to its own page. Having these tabs also makes navigation part of the website much more professional and easy to understand.

Search Engine

Having a search engine will make much more easier to fine something in particular rather than having to search every part of the website.

Images

I don't want to make my website boring so having lots of text on the website make it un- enjoyable. This is why I have used multiple images to attract the viewers and also gives them something to think about.
Images will be related to Lions and each page will have its separate images

Video

A small short video will also be placed at the bottom right corner which will give a clear brief about lions and images will be included.

Including the video there was also be a puzzle page where people can solve puzzles about Lions. The puzzles will include word searches and others.

Banner

Just a small advertisement about lions that directs the user to sponsorship.  

The following is the images which I will be using on my website