for archival; for introduction to e-business

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

2. Understand your web guests.
Who is your target shopper??

4. Over 40 items in one window

5. IMAGERY is important.
Use effective photos!

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

10. 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.

11. What do people like?
Ease of use
Speed
Practicality
Credibility
Simplicity
Support

14. 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.”

15. General Principles for Web Design
Consistency
Interaction
Instruction
Choices
Navigation-hierarchical, sequential,
narrow & deep, broad & shallow)
Control

16. Create Persona
A persona is a profile of an archetypal
user.
Includes a name, social history & set of
goals that drive the website1.
1
The concept was developed by Cooper Interaction Design (www.cooper.com)

17. Visual Principles for Web Design
Graphics

18. Visual Principles for Web Design
Text
Layout Serif
Color
Web-safe colors San serif

19. A Furniture Store

20. A Gift Shop

21. Other tools
Cognitive walk-through
Usability audit
Focus groups
Log file analysis

22. Recommended foreign sites to
visit
www.smithandhawken - high-end gardening
supply store
www.castorpolluxpet.com - maker of premium
pet products
www.ashford.com - internet retailer of
watches, jewelry & other accessories
www.staples.com - office supply retailer
http://www.iokio.biz/ - go to camera finder;
this is an example of information visualization

23. Recommended local sites to visit
www.myayala.com – leading local
virtual store
www.rustansupermarket.com - online
grocery service of Rustan’s
www.sureseats.com - allows online
movie ticket purchases

24. Rooms for improvement
Inborn Inc. -
http://www.geocities.com/inborn_incorporated/ - where’s
the cake; change the mood
Comfort Zone Inc. -
http://www.geocities.com/comfortzone_inc/
How do I use the product? How much is it?
Mood Creators Inc. -
http://www.geocities.com/moodcreators2004/ - too heavy
on text information; example of the theme service
dBS Inc. - http://dbs2005.tripod.com/
How Sweet It Is Inc. - http://www.mysweetsurrender.tk –
minor revisions; what’s the price, minimum order req’t?
http://www.geocities.com/exciting_incorporated/ -
rearrange the structure; make the pictures bigger and
brighter

25. Rooms for improvement
K31 - Accentuate, Inc. - http://www.accentuate.fil.ph/index.htm - good company logo &
web structure; enter site page should contain the model & product; not the company
logo; indicate if this is the product of the Phils; would you rather be a cosmetic company
or a skin care specialist?; featured & new products-what’s the main product?; improve
online order page & add landline numbers to your contact page
K32 - Apostles of the Sun Partnership - http://www.tantease.tk - effective photos; good
product layout page; slow site, 72dpi res will do
K33 - Aura Ventures, Inc. – http://aurasence.bravehost.com/Main.htm
- improve news section; consider changing font styles; consider telling the difference of
rose & chamomile in terms of use; forum for posting orders may not be that effective
K34 - Bata Batuta, Inc. - http://www.t-patch.com - vague product desc;show where the
patch can be placed; invest on effective photos
K36 - Bocha Monde, Inc. - http://bocha.topcities.com- show photos of your moochies;
remove extra nav bar
K37 - Bread Crave Corp. - http://www.breadcrave.tk or
http://www.freewebtown.com/breadcrave - too many disclaimers
K38 - Bugs Away Corp. - http://www.geocities.com/bugsawaycorp- content page color
should be consistent, don’t use too many colors on one page

26. 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

27. 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

28. General Recommendations
Welcome page must be persuasive!
Don’t forget to tell or show what is your
PRODUCT!
About us page should have less emphasis
Use 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!!

29. Any other questions?
Magandang Umaga sa inyong lahat.

30. Mavic G. Pineda
IT Dept- College of Computer Studies
Presently 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.