The Basics Of Web Design

What makes for good web design?

Elements of Good Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Navigation ,[object Object],[object Object],[object Object],[object Object]

Layout ,[object Object],[object Object],[object Object],[object Object]

Ease of use ,[object Object],[object Object],[object Object]

Graphics ,[object Object],[object Object],[object Object]

Call to action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Case Study: Turning the Netcare website around

Old Website Design Lack of navigation planning Large white spaces Random placement of banners Cluttered old-style artwork

Old Website Design News after ‘low level’ adverts Ineffective placement of company links

Old Website Design Hospitals sorted by Netcare regions

New Website Features Doctor and hospital search General search Clean, clear design layout Font size adjuster

New Website Features Drop down navigation Auto-refreshing baby pictures

New Website Features Company quick links

Web design tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Synthasite ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Wordpress ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Squarespace ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Blogger ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Google sites ,[object Object],[object Object],[object Object],[object Object],[object Object]

Dreamweaver ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Thank You skype: jonin60seconds [email_address] Twitter.com/jonin60seconds

Empfohlen