90 likes | 223 Views
Web Design Process. Setting up your background By : Sanjaya Elvitigala ( B.Sc ) & Ian Iddamalgoda Ad. Dip. MKT (SJP). The Web Design Process. Objective (Goal) Plan Implementing the plan Achieving the objective Measure results. Objective. Is unique from person to person
E N D
Web Design Process Setting up your background By: SanjayaElvitigala(B.Sc) & Ian IddamalgodaAd. Dip. MKT (SJP) Eduationsrilanka.com
The Web Design Process • Objective (Goal) • Plan • Implementing the plan • Achieving the objective • Measure results Eduationsrilanka.com
Objective • Is unique from person to person • Business web site, Personal web site, Social networking web site, E-commerce etc. • Gain more inquiries, sales, followers, visitors, promote or a medium to share experiences, ideas Eduationsrilanka.com
The Plan • Ex: Simple online product catalogue system for Sport Items • Objective: To gain more inquiries from potential buyers • List requirements (features) • Design layout • Develop functionality • Publish on the web • Measure results Eduationsrilanka.com
List requirements • The functionality that the new web site should have • i.e. what things people can do once they visit the web site • Ex: Display the product list in a tabular format with an image • Product categorization • Ability to navigate to each product category • View more information of a product • Product details page with a description, some images and an inquiry feature Eduationsrilanka.com
List requirements – Cont. • Ability to search products from keyword input • Ability to enter new products, edit existing products and deleting products • Manage product categories • Receive product inquiries via email • Home page flash like banner displaying latest products Eduationsrilanka.com
Design Layout • Decide on colors, structure, logo and elements on the web site • Decide on content placement and images • Refer other web sites if necessary • Decide on how to present the functions listed in the previous step • Start with an image editing software* * Has it’s own separate video series Eduationsrilanka.com
Develop Functionality • Setup development background* • Select tools and technologies* • Start implementation • XHTML* • CSS* • Java Script* • Server site scripting (PHP, MySQL)* • Testing and Quality Assurance * Has it’s own separate video series Eduationsrilanka.com
Publishing Online & Measuring • Deploy (Publish)* • Measure results* • Optimization* * Has it’s own separate video series Eduationsrilanka.com