Client Website Chris Dunn Web Design Year 1. For this brief I chose to create a notional client website for a charity named after my Dad called The Brian.

Slides:



Advertisements
Similar presentations
Looking At Other Digipacks/CD‘s
Advertisements

Planning and Designing My Personal Website By Michael Gill.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Unit 3 Day 4 FOCS – Web Design. No Journal Entry.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Design and Technology Design a Space Photo of a bedroom.
Contents Page Versions Paige Hetherington. Version 1 Here is my version 1 of my contents page. I like the plain layout of the page because I believe it.
Difference between content, layout and styles Miss Allgar
For my front cover I decided to use the traditional Rock genre colours which are black and red. I chose these colours because it would portray the genre.
Film Review Research. The film magazine that I chose… Formed in 1997 Publisher: Future Publishing Guest Editors have included: Peter Jackson Kevin Smith.
Web Design, Usability, and Aesthetics 3
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
Rowan County Public Library.  Learn how to register for and log into Weebly.  Set up a Weebly sub-domain.  Instill an understanding of Weebly web-
Task 1 Understand the uses and features of websites Olivia Attree.
Unit 12 Additional Evidence Nihal. 1.1 I can describe what types of information are needed. Business card Business cards are important because they show.
The title of the magazine is placed on the contents page so that the readers can remember what magazine they are reading and for future reference when.
My website plan. Jazmin Dowling.. My website pitch. I am going to make a website about horsing riding and it is called Enchantments Ride. It will have.
W EBSITE P ROPOSAL 6 Page Website. W EBSITE R EQUIREMENTS A 6 page tourism website to promote visiting Malaysia: To promote and showcase the country of.
Successful Website Layout EWD Chapter 2. Defining Client’s Needs Many clients don’t know exactly what they want What they ask for may not be what’s needed.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.
Media AS Evaluation Jamie Bevan : 6019 Genre And Target Audiences Front Cover  For my Front have used an urban theme using Photoshop. This has fit in.
I am ready to test!________ I am ready to test!________
Sight Words.
Planning a website by Jacob McCormack There are lots of things to think about when deciding about creating a website…
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Do’s and Don’ts of Web Design By: Andrew Mingo. Do: Use font that is easy to read on your background Don’t: Use really wild coloured fonts that are hard.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
1 What to do before class starts??? Download the sample database from the k: drive to the u: drive or to your flash drive. The database is named “FormBelmont.accdb”
Gdes2000 Graphic Design for Internet & MM Dreamweaver: Simple page construction with DIVs.
My Website Plan-Fashion By Maizie Wood. Website Structure diagram- Home Female Fashion Male Fashi on Accesso ries Blog.
Creating a poster is easier than you think.
Guide for Mahara My Views PY1 team 3 - Yihong Huo, Jian Ren, Poonam Kala 1Guide of My Views - Team 3.
My Dida project Review Multimedia Unit 2. Tell me a story. For 4-6 year olds. Written by Elizabeth Edwards ForwardBack.
CHAPTER 5 Working with Data Tables and Inline Frames.
Principles of effective web design NOTES Flo Morris-Duffin.
Content Administration 08/19/13 & 08/20/13.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
High Frequency Words.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Question 1: In what ways does your product use, develop or challenge forms and conventions of real media products? By Amos Mukombero.
We looked at these two presentations and talked about the structure of setting up the table.
Online Magazine Press LO: To examine the pre-release material and predict what you may be asked.
Created By Sherri Desseau Click to begin TACOMA SCREENING INSTRUMENT FIRST GRADE.
Usability Testing and Web Design
Imran Hussain University of Management and Technology (UMT)
Thinking beyond HCI Dr David Tarrant, University of Southampton
Collaborative Work Placement
Layout - you need to understand that a simple navigation bar:
To view your master work in a browser you do this:
Fixed Positioning.
Double Page Spread Versions
Information Gathering theory
Jordan McKinley - Nichols
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Tips on good web site Design
Quill Home Page Testing
Student portfolio wireframing & key principles
Presentation transcript:

Client Website Chris Dunn Web Design Year 1

For this brief I chose to create a notional client website for a charity named after my Dad called The Brian Dunn Foundation. The aim of the charity would be to make people aware that meningitis doesn’t just affect children it can also affect adults. I chose to do this because my Dad died from meningitis 10 years ago at the age of 48. Intended audience would be people who have lost a member of their family to meningitis and people who want to find out information on meningitis. It would be aimed at both men and women.

For my research as mentioned above I looked at charity sites already on the internet to see how they were built up. I also read Don't Make Me Think by Steve Krug to get ideas of how to build my site up. In his book Steve Krug says "Making pages self-evident is like having good lighting in a store: it just makes everything seem better" chapter 1 page 19. I will take this onboard when creating the pages for my site, ie the News page is clearly titled News and so on. He also talks about creating a clear visual hierarchy "The more important something is, the more prominent it is. For instance, the most important headings are either larger, bolder, in a distinctive color, set off by more white space, or nearer the top of the page - or some combination of the above" chapter 3 page 31. I will make sure my pages are set up like this so the user knows what is important. I would recommend this book because it is a good read and also a helpful guide for web designers.

My site is constructed with a Flat Site Map

Header at the top with a picture of my Dad and his signature and the title of the site. Navigation bar underneath the Header Content to go below the navigation bar Colour scheme based on the colours used in the Meningitis Research Foundation Logo

I did a user ability test to see what other people thought of my site. I asked them 5 questions each and then asked them to give me an answer to each one. Below is one of the questions I asked them and their answers. Q1Does the user know where they are on the site? David Jones: Yes every page has a bold heading at the top left which helps you to know were you are. Dan Farrell: Yes, the page titles are clearly labeled on the top of each page Andy Howard: Yes the titles on each page are clear and you always know where you are. Dan Whittaker: yeah the header on the page is clear Barry Gamble: yes it is very clear where the user is on the web site. Peter Hayton: Yes with clear nav bar used in template, Very clear layout, good header Michael Parish: Yes, the headings are clear

I am pleased with the overall look of my site and I think it is easy for the user to navigate around. I have took on board what Steve krug said by making the pages titles the same as the navigation buttons. I have also made sure that each title stands out by making them a larger font and in bold. I have put the navigation bar just underneath the header with easy to read names. Each page has a small amount of text so the user can scan through it to find what they want. I think my Dad would have been proud of this site my Mum thinks it is a fitting tribute to my Dad. Could the site be improved? I maybe would add a bit more css for example a hover on the navigation bar. Also if I was going to make this a live site I would need to add some boxes so the user could fill things in. I would also have to create some kind of payment account so the user could donate to the charity. Apart from that I don't think I would change it that much