Y7 - Website Design

• Computing
• Lower Secondary (Key Stage 3)

Y7 - Website Design

Good or Bad design?

Look at the following sites.  In terms of their design (NOT content) do you think they are good or bad?

• TAGTEAMSIGNS
• GoodReads
• PennyJuice

What do you think? Were any bad? What reasons do you have?

News Flash.....They were all bad!

Issues with:

• Colour use
• Font use
• Navigation is poor or misleading
• Unprofessionalism

What design choices are important when design websites?

Design matters

You must use:

• Appropriate and effective Typography (the fonts)
• Suitable colour schemes (think about branding)
• simple and effective navigation
• appropriate use of any animation and imagery

What are the parts of most webpages

Parts of a webpage

1. Banner (logo and title)
2. Navigation (to move around the site)
3. Content (consists of text, images, video and links) 

TASK

You will be creating a simple website for one of two companies:

Daisies Template

An online flourist

Either start from blank website template in Canva

Or for scaffolded site use this template

Zapz Template

A laser tag arena

Either start from blank website template in Canva

Or for scaffolded site use this template

Teacher note:  If a group is doing blank templates then you will need to consider some time on setting up banner and navigation 

Audience

The two scenarios have very different target audiences

Have a think who your audience is for a moment and what styles, colours fonts and images you think will be appropriate for that audience

ZAPZ

DAISIES

DAISIES vs ZAPZ audience considerations. What will work?

TASK 1

Create the home page:

• Welcomes customer ( its the landing page or front door)
• Is a navigation hub to other pages
• Introduces the brand/company
• Eye catching and appealing

Useful tips

• Use Canva "elements" to find almost everything you need
• Use pixabay or pexels to source things you cannot get in canva
• Use Canva to make banner elements if you are not using starter templates
•  Stay consistent and remember your audience!

TASK 2

Generate content for other pages

Consider using external tools (like a embedded map for contact us)

Use form input boxes to make mockup contact us form

Teacher Note - may require demos