Topic 2Designing Your Website

Lecture Objectives Identify target customers Website’s blueprint and design Web hosting service models Types of hosting accounts and its

needs Choosing the right web hosting

Overview of a Successful EC business

Well-coordinated plan that into account the following:- Design competency Programming abilities Server configuration Public relations Sales and marketing abilities

What’s your line??If YES?- Decide which website model you’re building- Consider what your website is offering- Build it and expend effort in driving customers- Entrepreneur? Find your niche market- Design website accordingly- Let customers know…

If NO?- A website still is necessary- Build good brochureware site brick and mortar- Incorporate forum for customers

Target “your” customers Declaring site as public document

by placing “COMMENT TAG” What model will your site emulate? What will drive your potential

customers to your website?

Website’s Blueprint What are the objectives of your new

website? How will the new website produce

income? What makes your new website

unique? How will you ensure on-time

delivery? How will you manage and maintain

your website?

Website’s blueprint How will you convey your

trustworthiness and the high quality of your product/services?

Essential steps in creating blueprint:-i) A storyboardii) A site descriptioniii) Website content

Website’s blueprint Storyboard

Tool in multimedia production Visual representation of the website Able to map out the progression and

relationship between individual webpages

(a) Storyboard guidelines Storyboard should be legible Must be complete Every design elements (headings,

text objects, links,buttons, graphics images should be noted in the storyboard

Typeface and print size should appear exactly as they will be in the final web pages

Number of buttons and functions should be clearly indicated on each page

Links between pages should be clearly indicated using arrows.

Each graphic images should be noted with a box identifying it as a graphic image with a short note describing its content.

Web pages should be numbered for easy reference.

(b) Site Description Detailed explanation of workflow,

data flow and other items in storyboard

Explains how the site functions from web page to web page or section to section

Example, 3Com.com or Healthtex.com (where only visitors who are familiar with the site know the navigational structure of the website.

(c) Website content What digital art (photos of

products) is needed? Is there to be written content? If so,

who is the author and how it will be delivered?

Design Designs are attractive, easy to

understand and fast loading Will influence customers’

perception of your business which will affect their purchasing decisions.

Design SPEC

SPECS – tickiness and traffic generation

- content, search enginesP – erformance

- speedy downloads, tablesE – ase of use

- site navigationC – ontent visibility

- viewable site, frames, Java, plug-ins

Lab Exercise Search and list down 3 websites and try to

differentiate them using these categories:(i) Retail-food(ii) Weather(iii) Sports(iv) Retail-flowers/gifts/greetings(v) Entertainment-TV(vi) Hobbies-lifestyle-home(vii) Hobbies-lifestyle-home(viii) Online trading(ix) Entertainment-music(x) news

Lab Exercise Visit these websites, identify their

website models and state their clear characteristics. Championdev.com Hayproperty.com.au Healthtex.com Parkaveliquor.com www.soccer-books.co.uk www.politinfo.com www.iencentral.com

Lab Exercise Cnet.com www.howstuffworks.com Thekidzpage.com Freemerchants.com www.arrowheads.com/main.htm eBay.com Yahoo Auctions Weblogs (blogger.com,

eatonweb.com Bearshare.com