

 A general idea derived or inferred from specific instances or occurrence  Something formed in the mind such as a notion or thought  In Engineering, a product created as an exercise to demonstrate the technical skills and imagination of the designers

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website Sketch the essential features and look Create mockups from your sketch Consider competitor websites Test and revise

Why is there a need for a website?  Owner wants his business to be on the internet  Business is new and does not have a website yet  Customers keep asking, “what is your website address?” Know what the website is for

Identify the ultimate decision maker of your client. He/she is the one will approve the project Know what the website is for Know who you are dealing with

 Flesh out what the decision maker needs the website for  Identify the objectives of the site o Provide and share information o Showcase products and services o Sell products and services Know what the website is for Know who you are dealing with Know what the site needs to do

 Gender: male, female, gay, straight  Age: child, teenager, college student, young professional, middle-aged, senior citizen  Economic bracket: upper, middle, or lower class  Level of internet skill: beginner, intermediate, expert  Reason for visiting the site Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants

These will form the basis of your scope of work  Design only  Back end only  Design and develop (back end)  Domain registration  Webhosting Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered

 Design, develop, register domain, and host site  Website files given to client in a CD  Website files uploaded to a webserver  Web maintenance after delivery  Copywriting – writing the content  Photography Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered

 Manpower  Time – duration of the project  Money – budget (amount) needed to complete the project Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your content

 Create your sitemap. o Names of sections/sub-sections need to be clear and intuitive  What content can go together?  Can content in sections be further subdivided? Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website

 Objectives of the website should be addressed  The website should look appealing to the visitor  Website colors should be appropriate, usually based on company or brand colors  Decide on the tone of the copy (serious, light, friendly, authoritative)  Images should match the mood of the website (clean, grungy, funny, serious, warm)  Select the appropriate typefaces for the website  Select the best layout for the website

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website Sketch the essential features and look

 Pen and paper activity  Rough sketch to layout your initial idea of where everything belongs on the website

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website Sketch the essential features and look Create mockups from your sketch

 An image (jpg or png) of your website suggestions rendered on the computer using a graphics software  Usually displays the homepage and an inner page  Balance the visual elements of the page  Make sure goals of both the visitor and site owner are achieved

 It will give you an idea on how to design your website  Critique their website and improve on it with your own Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website Sketch the essential features and look Create mockups from your sketch Consider competitor websites

Know what the website is for Know who you are dealing with Know what the site needs to do Know what the site visitor wants Know what needs to be delivered Know the resources you need Gather your contentOrganize the content Decide on the proper personality and style of the website Sketch the essential features and look Create mockups from your sketch Consider competitor websites Test and revise

 Convert your design into a real, working (functioning) website  Get someone who fits the target visitor to view the site and browse it on his/her own  Get feedback  If it needs revision, then revise, revise, revise  Know when to stop revising