Good and Bad Website Design

Web Design

  • Navigation – top or side
  • Higher archy
  • Size and scale of image shows definition
  • Below primary main image is secondary information/images
  • UI – user interface is buttons with text that the user will know
  • Below image and text – text to show information for the customer – user infusion
  • UEx – user experience
  • UEx and UI – big in graphic design


Keep your website simple. Try to minimise the number of pages you have on your site.

Meaningful – make the links clear on your website. Someone should know immediately where the links will take them.

Understandable – associate text with images.

Relevant – navigation should appear on every page of your website. Structure should always be the same on each page.

Pages should be well organised and structured. It should be simplified for the user.

‘New website coming soon’ is bad to appear on your website. Your website should always be prepared and not left for users to come back and waste time.

Screen Shot 2017-10-07 at 13.15.30

  • Primary image – this is along the the top of the website, showing the recent product released for users.
  • Navigation – shown along the top with the text.
  • Secondary image – to show information of other products and text.


Structure and image can sell a lifestyle. For example, in the above image of the Apple website, the primary image is the release of the most recent iPhone 8, with text ‘a new generation of iPhone’, implying that the product will have the customer feel more updated and needing this phone to fit in with todays society.


Design rules

  • Communicate.
  • Speak visually.
  • Use 2/3 typeface families maximum.
  • Pick colours on purpose to intrigue the viewer.
  • Negative space.
  • Do it with less.
  • Treat type as an image.
  • Be universal.
  • Be decisive, do it on purpose or not at all.


Wire Frame Development

  • a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.

The 960 pixel grid is for each website page for their size that is fixed in width. For example, Facebook uses 980 pixels and YouTube uses 961 pixels.


During the last hour of my studies, I had to brain storm of what my website shows about me. I have to come up with ideas of how to sell myself, what context and text to use, and also show off my work, i.e. college work, university work.

Who am I?

  • Generous
  • Helpful
  • Kind
  • Hardworking
  • Modern
  • Minimal
  • Simplistic
  • Stylish
  • Independent
  • Expressive


  • Geometric
  • Monochrome
  • Violets/purple
  • Minimalist
  • Subtle
  • Expressive

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s