Web design for shoppers

28
Web Design For A Startup Business Mavic Pineda IT Department-CCS 12 Nov 2005

description

for archival; for introduction to e-business

Transcript of Web design for shoppers

Page 1: Web design for shoppers

Web Design For A Startup

Business

Mavic PinedaIT Department-CCS12 Nov 2005

Page 2: Web design for shoppers

Understand your web guests.

Who is your target shopper??

Page 3: Web design for shoppers
Page 4: Web design for shoppers

Over 40 items in one window

Page 5: Web design for shoppers

IMAGERY is important.Use effective photos!

Page 6: Web design for shoppers
Page 7: Web design for shoppers
Page 8: Web design for shoppers
Page 9: Web design for shoppers

Design for what users want.Design for real people.Design with human limitations in mind.

Page 10: Web design for shoppers

Build a retention strategy.

Retention is a result of a user-friendly web site. It is a function of getting service right the first

time at the end of an order fulfillment.

Page 11: Web design for shoppers

What do people like?Ease of useSpeedPracticalityCredibilitySimplicitySupport

Page 12: Web design for shoppers
Page 13: Web design for shoppers
Page 14: Web design for shoppers

Design for Usability

“A usable web is one that allows users to do what they need to do,

or get help easily, without becoming frustrated.”

Page 15: Web design for shoppers

General Principles for Web Design

ConsistencyInteractionInstructionChoicesNavigation-hierarchical, sequential, narrow & deep, broad & shallow)Control

Page 16: Web design for shoppers

Create PersonaA persona is a profile of an archetypal user.Includes a name, social history & set of goals that drive the website1.

1The concept was developed by Cooper Interaction Design (www.cooper.com)

Page 17: Web design for shoppers

Visual Principles for Web Design

Graphics

Page 18: Web design for shoppers

Visual Principles for Web Design

TextLayoutColorWeb-safe colors

SerifSan serif

Page 19: Web design for shoppers

A Furniture Store

Page 20: Web design for shoppers

A Gift Shop

Page 21: Web design for shoppers

Other tools

Cognitive walk-throughUsability auditFocus groupsLog file analysis

Page 22: Web design for shoppers

Recommended foreign sites to visit

www.smithandhawken - high-end gardening supply storewww.castorpolluxpet.com - maker of premium pet productswww.ashford.com - internet retailer of watches, jewelry & other accessorieswww.staples.com - office supply retailerhttp://www.iokio.biz/ - go to camera finder; this is an example of information visualization

Page 23: Web design for shoppers

Recommended local sites to visit

www.myayala.com – leading local virtual storewww.rustansupermarket.com - online grocery service of Rustan’swww.sureseats.com - allows online movie ticket purchases

Page 24: Web design for shoppers

PROJECTS TO BE REVIEWED

K31 - Accentuate, Inc. - http://www.accentuate.fil.ph/index.htm K32 - Apostles of the Sun Partnership -  http://www.tantease.tk K33 - Aura Ventures, Inc. - http://aurasence.bravehost.com/Main.htm K34 - Bata Batuta, Inc. - http://www.t-patch.com K35 - Berliner Corp. - http://www.oatdoughnuts.tk K36 - Bocha Monde, Inc. - http://bocha.topcities.com K37 - Bread Crave Corp. - http://www.breadcrave.tk or                          http://www.freewebtown.com/breadcrave K38 - Bugs Away Corp. - http://www.geocities.com/bugsawaycorp

K35 - Berliner Corp. - http://www.oatdoughnuts.tkK36 - Bocha Monde, Inc. - http://bocha.topcities.comK37 - Bread Crave Corp. - http://www.breadcrave.tk or                          http://www.freewebtown.com/breadcraveK38 - Bugs Away Corp. - http://www.geocities.com/bugsawaycorp

Page 25: Web design for shoppers

PROJECTS TO BE REVIEWED

K39 - BURP, Inc. - http://burp.atspace.com/index.html K40 - Enigma, Inc. - http://uk.messenger.yahoo.com K41 - Flecsy Partnership - http://lotir.tripod.com K42 - Gello made Corp. - http://www.gellomade.cjb.net/ K43 - Iced Paradise Corpration -http://www.geocities.com/icedparadisecorpor ation

Page 26: Web design for shoppers

General Recommendations

Welcome page must be persuasive!Don’t forget to tell or show what is your PRODUCT!About us page should have less emphasisUse big, clear pictures—with people using, consuming the product.Don’t forget your prices and the package/discount that you’re offering.Skip unnecessary information.Please check your spelling!!

Page 27: Web design for shoppers

Any other questions?

Magandang Umaga sa inyong lahat.

Page 28: Web design for shoppers

Mavic G. PinedaIT Dept- College of Computer StudiesPresently working on the marketing of the BS-Information Communications Technology Management program of the IT Dept.Conducts lectures and workshops on E-commerce, Web and Interactive Multimedia Designs.