SlideShare a Scribd company logo
Web Design
For A Startup
  Business
 Mavic Pineda
 IT Department-CCS
 12 Nov 2005
Understand your web guests.
   Who is your target shopper??
Web design for shoppers
Over 40 items in one window
IMAGERY is important.
 Use effective photos!
Web design for shoppers
Web design for shoppers
Web design for shoppers
Design for what users want.
Design for real people.
Design with human limitations in mind.
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.
What do people like?
Ease of use
Speed
Practicality
Credibility
Simplicity
Support
Web design for shoppers
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.”
General Principles for Web Design
  Consistency
  Interaction
  Instruction
  Choices
  Navigation-hierarchical, sequential,
  narrow & deep, broad & shallow)
  Control
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)
Visual Principles for Web Design
  Graphics
Visual Principles for Web Design
  Text
  Layout             Serif
  Color
  Web-safe colors   San serif
A Furniture Store
A Gift Shop
Other tools
Cognitive walk-through
Usability audit
Focus groups
Log file analysis
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
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
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
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

 
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
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
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!!
Any other questions?
Magandang Umaga sa inyong lahat.
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.

More Related Content

PDF
Defending Commoditization: Mapping Gameplays and Strategies to Stay Ahead in ...
PPTX
17 Action Points to Build a Mobile Website Visitors Love
PPTX
Mobile First
PDF
Ultimate mobile agent Harlingen Association 2011
PDF
Mobile first or second?
PPT
iphone Mobile Browser Application to create sales order
PPTX
Finished ppt multi step assingment
PDF
Emily Boyd @ FOWA Miami 08
Defending Commoditization: Mapping Gameplays and Strategies to Stay Ahead in ...
17 Action Points to Build a Mobile Website Visitors Love
Mobile First
Ultimate mobile agent Harlingen Association 2011
Mobile first or second?
iphone Mobile Browser Application to create sales order
Finished ppt multi step assingment
Emily Boyd @ FOWA Miami 08

Similar to Web design for shoppers (20)

PPTX
Company Presentation
PDF
Redesign Proposal: Novaspaceart.com
PDF
Cover & Carry Internet Marketing Plan
PPTX
Decoding Digital Week 2: Design & Implementation
PDF
chrisans solution development
DOC
Update Resume
PPTX
Creating a Website For Your Business
DOC
Tamara A. Dower.doc
PDF
Nike.Com
PDF
Nike.Com
PPTX
Natural born conversion killers - Conversion Jam
PPTX
Customers Presentation ArfaTechnologies.com
PPT
Information Architecture for Drupal
PPTX
Inside eCommerce - Design for Success - Micksgarage.com- Brendan McMahon
PPTX
Websites: Creating Effective Content and Launching Your Site Aug 2014
PPT
What Makes A Good Website 2009 Sth Man
PDF
WDS UXP Mobile Web May 2008
PPTX
Content Audits for SEO & Site Migration: Picking a website up on your back an...
PPT
Uktisw websites-distr
Company Presentation
Redesign Proposal: Novaspaceart.com
Cover & Carry Internet Marketing Plan
Decoding Digital Week 2: Design & Implementation
chrisans solution development
Update Resume
Creating a Website For Your Business
Tamara A. Dower.doc
Nike.Com
Nike.Com
Natural born conversion killers - Conversion Jam
Customers Presentation ArfaTechnologies.com
Information Architecture for Drupal
Inside eCommerce - Design for Success - Micksgarage.com- Brendan McMahon
Websites: Creating Effective Content and Launching Your Site Aug 2014
What Makes A Good Website 2009 Sth Man
WDS UXP Mobile Web May 2008
Content Audits for SEO & Site Migration: Picking a website up on your back an...
Uktisw websites-distr
Ad

More from Mavic Pineda (20)

PPTX
Using ict tools for research writing june 27 update
PPTX
2017 kiddy program seminar for the parents
PPTX
Developing an Agile ICT Training Model for 21st Century Requirements in the...
PPTX
DIY Learning to Collaborative Networking
PPTX
Redefining Community Based Disaster Risk Management through Enhanced Early Wa...
PPTX
Designing an exciting self-regulated, indigenized and rhizomatic courseware ...
PPTX
Futures-thinking for the next generation ASEANs: facing the 21st century lan...
PPTX
The Twitter Human Affair: Persuasive, Persistent, Pervasive
PPTX
Deconstruction of Personal Learning Networks
PPTX
Success & dynamics of Community Engagement : the Buklod Tao case study
PPTX
Social media for teaching and interaction
PPTX
Research Methods Orientation Oct 1
PPT
The search for a Pinoy Cartoon Hero
PPT
E commerce fundamentals-01mar06
PPT
Ipr and fair use
PPT
The great learning experience project
PPTX
Entrepreneurship 3.0
PPTX
Mapping community perceptions, knowledge & experiences ver2
PPTX
Discovering my PLE
PPT
Jaime hilario lasallian mission school and community
Using ict tools for research writing june 27 update
2017 kiddy program seminar for the parents
Developing an Agile ICT Training Model for 21st Century Requirements in the...
DIY Learning to Collaborative Networking
Redefining Community Based Disaster Risk Management through Enhanced Early Wa...
Designing an exciting self-regulated, indigenized and rhizomatic courseware ...
Futures-thinking for the next generation ASEANs: facing the 21st century lan...
The Twitter Human Affair: Persuasive, Persistent, Pervasive
Deconstruction of Personal Learning Networks
Success & dynamics of Community Engagement : the Buklod Tao case study
Social media for teaching and interaction
Research Methods Orientation Oct 1
The search for a Pinoy Cartoon Hero
E commerce fundamentals-01mar06
Ipr and fair use
The great learning experience project
Entrepreneurship 3.0
Mapping community perceptions, knowledge & experiences ver2
Discovering my PLE
Jaime hilario lasallian mission school and community
Ad

Recently uploaded (20)

PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Computing-Curriculum for Schools in Ghana
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Basic Mud Logging Guide for educational purpose
PDF
Pre independence Education in Inndia.pdf
PDF
Sports Quiz easy sports quiz sports quiz
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Insiders guide to clinical Medicine.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
01-Introduction-to-Information-Management.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Lesson notes of climatology university.
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
Microbial diseases, their pathogenesis and prophylaxis
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Final Presentation General Medicine 03-08-2024.pptx
Computing-Curriculum for Schools in Ghana
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
O7-L3 Supply Chain Operations - ICLT Program
STATICS OF THE RIGID BODIES Hibbelers.pdf
GDM (1) (1).pptx small presentation for students
Basic Mud Logging Guide for educational purpose
Pre independence Education in Inndia.pdf
Sports Quiz easy sports quiz sports quiz
O5-L3 Freight Transport Ops (International) V1.pdf
VCE English Exam - Section C Student Revision Booklet
Insiders guide to clinical Medicine.pdf
Renaissance Architecture: A Journey from Faith to Humanism
Anesthesia in Laparoscopic Surgery in India
01-Introduction-to-Information-Management.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Lesson notes of climatology university.
102 student loan defaulters named and shamed – Is someone you know on the list?
Microbial diseases, their pathogenesis and prophylaxis

Web design for shoppers

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