SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Downloaden Sie, um offline zu lesen
Small Business
Website Design
What Every Business Owner Needs to Know
about Participating in the Process, Working
with a Designer and Producing a Site that
Works for Your Business
What we’ll cover
 Planning the site
structure & content
 Types of sites
 Budget
 Domain names
 Hosting
 Finding a
designer/developer
 Contracts
 Design &
development process
 Pre-launch check
 Maintenance/
updates
 Marketing
Planning
 The more you have planned ahead of
time, the better!
 Things you should know:
 Your business model
 Who are your customers or Audience?
 What do you want your customers to do?
• Call to action
 How will this site solve your customers’
problem?
Who is your Audience?
Site Types
 Brochure - Set it and Forget it, (but don’t)
 Basic static pages, simple form
 Informational - Regularly Updated
 Needs a database and/or blogging capability
 E-commerce (Can be used for services, too)
 Requires shopping cart (customer, order and
product information storage and retrieval)
Planning
 Things you should have an idea about:
 Branding
• visual interface to ‘set tone/expectations’,
based on your audience and corporate
culture
• Logo, Colors, Look and Feel
• Focus on good design, not clutter
 Content (Message or ‘Pitch’)
• Written copy (Optimized for Search Engines
Humans with keywords)
• Product photos or other images
• Video or Audio
Planning
 Functionality
 Forms (registration, mailing
list, contact us)
 Shopping cart or way
for customers to pay
you
 Content Management
System (CMS)
 Information feeds like
news or MLS
Planning
 Structure
 Flow chart (your
developer can/should
assist with this)
• How many pages or
‘screens’
• What links to what
• How pages are
categorized (Do you
sort by color or
style?)
MORE Planning!
 Examples
 Competition
 What you love (functionality, color, style, etc.)
 What you hate
 What you NEED now, what would be nice later
 Sites can be built in stages, as long as it’s planned for
 Questionnaire is a good place to start
 Whew! Now that all the planning is done….
How Much Will This Cost?
 How much do you project
making?
 10-20% of what you will make in the first year
is a good baseline
 How much can you do yourself?
 Writing, photography etc.
 What is your time worth?
 It Depends….
 Website is an ongoing
investment
 “Average” small business should
expect low to mid 4 figures.
How Much Will This Cost?
 What type of site do you need?
 Blog (minimal design capability) = Free
(remember your time…)
 Brochure = $2500-$4500 (Estimated labor
20 to 60 hours)
 Infomational or E-Commerce = $4500-
$8500++
 Maintenance and marketing are key to
success and not included in these
estimates!
Domains & Hosting
 Domain - $10+ year
 Your site address: www.greatsite.com
 Leased not owned! If you fail to stay current
on payment, you will LOSE the rights to
lease the domain.
 Hosting - $120+ year
 The server where your actual files live
 Hosting packages normally include a limited
# of email addresses that can be setup
 YOU MUST PAY YOUR OWN BILL &
KEEP TRACK OF THE LOGIN
INFORMATION!
 Use the spreadsheet
Finding a
Designer/Developer
 Not all designers know how to code, not all developers
know how to design
 $Designer/developer, small company, freelance, home office
 $$-$$$Advertising/Design firm
• Designer, developer, writer, photographer, ad placement,
fancy office
 Ask your friends & family
 (If you have a friend actually do the site, do you care about
deadlines and quality? Professionals are much more
accountable.)
 Who developed the sites in your industry that you
admire?
 Look for functionality, not ‘Flash Bang’
 LinkedIn, Google
Finding a
Designer/Developer
 Do they have the skill set you need?
 Don’t be shy about asking questions
• Be cautious about FLASH
 Have they made sites that work the way you
want yours to work?
 ALWAYS –
 Check the designers’ site (broken links or
‘coming soon’ pages are a RED FLAG)
 Check their clients’ sites and get references
 Get more than one bid
• (Compare by services offered, not just price.
Lowest is often more expensive in long run)
The Proposal & Contract
 Don’t leave home without it
 Protects the owner and designer
 Defines the scope of work
 Define WHO is responsible for
WHAT
• Who is providing content
 Deadlines go both ways
 Who “owns” what at the end
• Content, artwork, code
 Payment structure
• Typically 33% or 50% up front
 Is maintenance covered?
• Negotiate!
 Can you get out?
The Proposal & Contract
 What can raise the cost
 Revisions, additions,
changes
• Remember all that
planning?
 Scope Creep
The Process
Yay! We’re finally creating something!
 You’ve planned, now
designer does
discovery
 Share all of your
planning
 Be prepared for more
questions!
 Wireframes
 Structure first, to include
all content and plan
layout
The Process
 Mock-ups
 Picture of the home and
possibly additional page
 May have more than
one choice
• Now you can see
which shade of
purple works best
 Now is the time to
change your mind and
revise!
The Process
 Stay Flexible
 Not everything that was
planned for can happen
exactly
 Content and images are
never exactly the same
The Process
 Remember – Sites
aren’t magazines
 You don’t control how
people see your site.
 Keep the design flexible
and user friendly
 Talk about the site being
“responsive” with your
designer
The Process
 Development
 The coding that actually creates the site
 Includes functionality that makes the site ‘go’ and can
include Galleries, Slide Shows, Email forms,
Shopping Carts, Blog installations . . .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11"> <title>Designing Your Site, Things Every Business Owner Should
Know</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta
name="generator" content="WordPress 2.9.2" /> <!-- leave this for stats please --> <link rel="stylesheet"
href="http://www.beckydavisdesign.com/seminar/wp-content/themes/BDD_Su/style.css" type="text/css"
media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0"
href="http://www.beckydavisdesign.com/seminar/feed/" /> <link rel="alternate" type="text/xml" title="RSS .92"
href="http://www.beckydavisdesign.com/seminar/feed/rss/" /> <link rel="alternate" type="application/atom+xml"
title="Atom 0.3" href="http://www.beckydavisdesign.com/seminar/feed/atom/" /> <link rel="pingback"
href="http://www.beckydavisdesign.com/seminar/xmlrpc.php" />
The Process
 Each stage needs YOUR approval
 Layout, design, development, launch
 Delays in content delivery, approval and
payment schedule all directly affect your
deadline
 Design changes or added
functionality requests during
development will be extra $$
Pre-launch Check
 Use more than one tester
 Preferably someone who has not seen the site before
 Does every link work?
 Do the forms work?
 Does the shopping cart work?
 Does it pass the Mom test?
 Test in Major Browsers: Explorer, Firefox,
Chrome, Opera (both on PC and Mac) AND as
many devices as you can find
 Designer should do, but you should too!
Maintenance & Updates
 You planned for this, right?
 Monthly fee?
 CMS training?
 Publishing schedule for blog or events?
 Updating products or inventory?
 You’re NEVER done.
 Relevant and current content wins in search
Marketing
It’s a live site!! Now, how do you drive traffic to it?
Marketing
 Social Media (easier for some business types
than others)
• Facebook fan page
• Your LinkedIn Profile
• Twitter
• Use what works for you!
 Email marketing
• MailChimp
• Constant Contact
• AWeber
• Active Campaign
 Printed material
• Your Email Address should be you@company.com
NOT gmail, and NOT aol. (Support your domain!)
Marketing
 Nothing replaces real face to face
networking!
 Advertising
• Adwords
• pay-per-click
• Print, radio
• TV advertising
 Part of the planning
 Part of the budget
Contact Information
 Becky Davis
 becky@beckydavisdesign.com
 773-809-5640
 These slides and MORE!
 http://beckydavisdesign.com/seminar-
schedule/

Weitere ähnliche Inhalte

Was ist angesagt?

Setting up and maintaining a website
Setting up and maintaining a websiteSetting up and maintaining a website
Setting up and maintaining a websiteJohn Espirian
 
Design Concepts and Web Design
Design Concepts and Web DesignDesign Concepts and Web Design
Design Concepts and Web DesignMindy McAdams
 
arixstudio l virtual web design academy
arixstudio l virtual web design academyarixstudio l virtual web design academy
arixstudio l virtual web design academyashshà Bst
 
POWERPOINT AND EXCEL FUNDAMENTALS
POWERPOINT AND EXCEL FUNDAMENTALSPOWERPOINT AND EXCEL FUNDAMENTALS
POWERPOINT AND EXCEL FUNDAMENTALSPPTANDEXCELGURU
 
From a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by StepFrom a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by StepEast Bay WordPress Meetup
 
Mixing Business and WordPress for Fun and Profit
Mixing Business and WordPress for Fun and ProfitMixing Business and WordPress for Fun and Profit
Mixing Business and WordPress for Fun and ProfitBusiness Vitality LLC
 
Web designing company in mumbai
Web designing company in mumbaiWeb designing company in mumbai
Web designing company in mumbaiCss Founder
 
How to select, install and customize a WordPress theme
How to select, install and customize a WordPress themeHow to select, install and customize a WordPress theme
How to select, install and customize a WordPress themeStefanie Drucker
 
4 steps to make a custom 404 error page
4 steps to make a custom 404 error page4 steps to make a custom 404 error page
4 steps to make a custom 404 error pageTop Left Design
 
WordPress best practices by billrice
WordPress best practices by billriceWordPress best practices by billrice
WordPress best practices by billriceRiceDesign
 
Css Founder.com | Cssfounder Company
Css Founder.com | Cssfounder CompanyCss Founder.com | Cssfounder Company
Css Founder.com | Cssfounder CompanyCss Founder
 
Website designing company in noida
Website designing company in noidaWebsite designing company in noida
Website designing company in noidaCss Founder
 
Webinar 7 steps to launching yourself online fast may 30 2017
Webinar 7 steps to launching yourself online fast may 30 2017Webinar 7 steps to launching yourself online fast may 30 2017
Webinar 7 steps to launching yourself online fast may 30 2017Michelle Castillo
 
Intro to Squarespace - Site Shack Web Design - Nashville, TN
Intro to Squarespace - Site Shack Web Design - Nashville, TNIntro to Squarespace - Site Shack Web Design - Nashville, TN
Intro to Squarespace - Site Shack Web Design - Nashville, TNJudy Wilson
 

Was ist angesagt? (18)

Setting up and maintaining a website
Setting up and maintaining a websiteSetting up and maintaining a website
Setting up and maintaining a website
 
Web Development Life Cycle
Web Development Life CycleWeb Development Life Cycle
Web Development Life Cycle
 
Design Concepts and Web Design
Design Concepts and Web DesignDesign Concepts and Web Design
Design Concepts and Web Design
 
Master your domain
Master your domainMaster your domain
Master your domain
 
arixstudio l virtual web design academy
arixstudio l virtual web design academyarixstudio l virtual web design academy
arixstudio l virtual web design academy
 
POWERPOINT AND EXCEL FUNDAMENTALS
POWERPOINT AND EXCEL FUNDAMENTALSPOWERPOINT AND EXCEL FUNDAMENTALS
POWERPOINT AND EXCEL FUNDAMENTALS
 
From a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by StepFrom a Fireworks Comp to a Genesis Child Theme, Step by Step
From a Fireworks Comp to a Genesis Child Theme, Step by Step
 
Mixing Business and WordPress for Fun and Profit
Mixing Business and WordPress for Fun and ProfitMixing Business and WordPress for Fun and Profit
Mixing Business and WordPress for Fun and Profit
 
Website design-calgary
Website design-calgaryWebsite design-calgary
Website design-calgary
 
Website design
Website designWebsite design
Website design
 
Web designing company in mumbai
Web designing company in mumbaiWeb designing company in mumbai
Web designing company in mumbai
 
How to select, install and customize a WordPress theme
How to select, install and customize a WordPress themeHow to select, install and customize a WordPress theme
How to select, install and customize a WordPress theme
 
4 steps to make a custom 404 error page
4 steps to make a custom 404 error page4 steps to make a custom 404 error page
4 steps to make a custom 404 error page
 
WordPress best practices by billrice
WordPress best practices by billriceWordPress best practices by billrice
WordPress best practices by billrice
 
Css Founder.com | Cssfounder Company
Css Founder.com | Cssfounder CompanyCss Founder.com | Cssfounder Company
Css Founder.com | Cssfounder Company
 
Website designing company in noida
Website designing company in noidaWebsite designing company in noida
Website designing company in noida
 
Webinar 7 steps to launching yourself online fast may 30 2017
Webinar 7 steps to launching yourself online fast may 30 2017Webinar 7 steps to launching yourself online fast may 30 2017
Webinar 7 steps to launching yourself online fast may 30 2017
 
Intro to Squarespace - Site Shack Web Design - Nashville, TN
Intro to Squarespace - Site Shack Web Design - Nashville, TNIntro to Squarespace - Site Shack Web Design - Nashville, TN
Intro to Squarespace - Site Shack Web Design - Nashville, TN
 

Andere mochten auch

KPO Sector In India
KPO Sector In IndiaKPO Sector In India
KPO Sector In IndiaJaspal Singh
 
Working principle of the microwave1
Working principle of the microwave1Working principle of the microwave1
Working principle of the microwave1home
 
Lecture 01 introduction to database
Lecture 01 introduction to databaseLecture 01 introduction to database
Lecture 01 introduction to databaseemailharmeet
 
Energy Services Contractors - A Case Study in Energy Efficiency
Energy Services Contractors - A Case Study in Energy EfficiencyEnergy Services Contractors - A Case Study in Energy Efficiency
Energy Services Contractors - A Case Study in Energy EfficiencyMcKenney's Inc
 
Brain Hacking: Designing Data for Rapid Understanding
Brain Hacking: Designing Data for Rapid UnderstandingBrain Hacking: Designing Data for Rapid Understanding
Brain Hacking: Designing Data for Rapid UnderstandingGeckoboard
 
My ANTI-Resume Manifesto
My ANTI-Resume ManifestoMy ANTI-Resume Manifesto
My ANTI-Resume ManifestoDavid Crandall
 
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...Big Data Spain
 
PostgreSQL - Lección 8 - Manipulando Datos y Transacciones
PostgreSQL - Lección 8 - Manipulando Datos y TransaccionesPostgreSQL - Lección 8 - Manipulando Datos y Transacciones
PostgreSQL - Lección 8 - Manipulando Datos y TransaccionesNicola Strappazzon C.
 
Electrical Engineering Basics - What Design Engineers Need to Know
Electrical Engineering Basics - What Design Engineers Need to KnowElectrical Engineering Basics - What Design Engineers Need to Know
Electrical Engineering Basics - What Design Engineers Need to Knowmilestoneseng
 
MasterPlus - Sistema Binário
MasterPlus - Sistema BinárioMasterPlus - Sistema Binário
MasterPlus - Sistema BinárioMasterplusBrasil
 
Strip your charts
Strip your chartsStrip your charts
Strip your chartsuwseidl
 
Resultado Final do Concurso de Bom Sucesso
Resultado Final do Concurso de Bom Sucesso Resultado Final do Concurso de Bom Sucesso
Resultado Final do Concurso de Bom Sucesso Joao Rivonaldo Silva
 
Exames médicos valores - União Sindical
Exames médicos   valores - União SindicalExames médicos   valores - União Sindical
Exames médicos valores - União Sindicalsinteimp
 

Andere mochten auch (20)

Winnick Drain Revisted: Flamingo Wash at the Imperial Palace
Winnick Drain Revisted: Flamingo Wash at the Imperial PalaceWinnick Drain Revisted: Flamingo Wash at the Imperial Palace
Winnick Drain Revisted: Flamingo Wash at the Imperial Palace
 
KPO Sector In India
KPO Sector In IndiaKPO Sector In India
KPO Sector In India
 
Working principle of the microwave1
Working principle of the microwave1Working principle of the microwave1
Working principle of the microwave1
 
Lecture 01 introduction to database
Lecture 01 introduction to databaseLecture 01 introduction to database
Lecture 01 introduction to database
 
Mandalas
MandalasMandalas
Mandalas
 
Energy Services Contractors - A Case Study in Energy Efficiency
Energy Services Contractors - A Case Study in Energy EfficiencyEnergy Services Contractors - A Case Study in Energy Efficiency
Energy Services Contractors - A Case Study in Energy Efficiency
 
Brain Hacking: Designing Data for Rapid Understanding
Brain Hacking: Designing Data for Rapid UnderstandingBrain Hacking: Designing Data for Rapid Understanding
Brain Hacking: Designing Data for Rapid Understanding
 
2015 RAM 2500 3500 Details. El Paso - Albuquerque Dealers Jack Key New Mexico...
2015 RAM 2500 3500 Details. El Paso - Albuquerque Dealers Jack Key New Mexico...2015 RAM 2500 3500 Details. El Paso - Albuquerque Dealers Jack Key New Mexico...
2015 RAM 2500 3500 Details. El Paso - Albuquerque Dealers Jack Key New Mexico...
 
Hygiene and safety powerpoint
Hygiene and safety powerpointHygiene and safety powerpoint
Hygiene and safety powerpoint
 
Flexible budget
Flexible budgetFlexible budget
Flexible budget
 
My ANTI-Resume Manifesto
My ANTI-Resume ManifestoMy ANTI-Resume Manifesto
My ANTI-Resume Manifesto
 
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...
Shortening the Feedback Loop: How Spotify’s Big Data Ecosystem has evolved to...
 
PostgreSQL - Lección 8 - Manipulando Datos y Transacciones
PostgreSQL - Lección 8 - Manipulando Datos y TransaccionesPostgreSQL - Lección 8 - Manipulando Datos y Transacciones
PostgreSQL - Lección 8 - Manipulando Datos y Transacciones
 
Electrical Engineering Basics - What Design Engineers Need to Know
Electrical Engineering Basics - What Design Engineers Need to KnowElectrical Engineering Basics - What Design Engineers Need to Know
Electrical Engineering Basics - What Design Engineers Need to Know
 
Acoples rapidos
Acoples rapidosAcoples rapidos
Acoples rapidos
 
MasterPlus - Sistema Binário
MasterPlus - Sistema BinárioMasterPlus - Sistema Binário
MasterPlus - Sistema Binário
 
Strip your charts
Strip your chartsStrip your charts
Strip your charts
 
Apresentacao
ApresentacaoApresentacao
Apresentacao
 
Resultado Final do Concurso de Bom Sucesso
Resultado Final do Concurso de Bom Sucesso Resultado Final do Concurso de Bom Sucesso
Resultado Final do Concurso de Bom Sucesso
 
Exames médicos valores - União Sindical
Exames médicos   valores - União SindicalExames médicos   valores - União Sindical
Exames médicos valores - União Sindical
 

Ähnlich wie Successful Website Design

Getting Your Business Online
Getting Your Business OnlineGetting Your Business Online
Getting Your Business Onlinevtrural
 
Website Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenJohn Coonen
 
Designbriefing
DesignbriefingDesignbriefing
DesignbriefingOnno Groen
 
Nuts boltslaunchingwebsite072811 fin
Nuts boltslaunchingwebsite072811 finNuts boltslaunchingwebsite072811 fin
Nuts boltslaunchingwebsite072811 finbizwall
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentalsjamescope
 
Digital indeed - Website 101
Digital indeed - Website 101Digital indeed - Website 101
Digital indeed - Website 101Digital_Indeed
 
The Essential Guide to Web Planning
The Essential Guide to Web PlanningThe Essential Guide to Web Planning
The Essential Guide to Web PlanningSerious SEM
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOMardy Sitzer
 
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Lessing-Flynn
 
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)Cosmic
 
Web Based Marketing 2014
Web Based Marketing 2014Web Based Marketing 2014
Web Based Marketing 2014B2BPlanner Ltd.
 
Before the Build
Before the BuildBefore the Build
Before the BuildAli Green
 
Small Business Blueprint: Checklist for Website Development
Small Business Blueprint: Checklist for Website DevelopmentSmall Business Blueprint: Checklist for Website Development
Small Business Blueprint: Checklist for Website DevelopmentAdria Richards
 
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)Cosmic
 
A guide to writing a great website brief
A guide to writing a great website briefA guide to writing a great website brief
A guide to writing a great website briefMark Kelly
 
Covenant Kickoff
Covenant KickoffCovenant Kickoff
Covenant Kickoffcovweb
 

Ähnlich wie Successful Website Design (20)

Getting Your Business Online
Getting Your Business OnlineGetting Your Business Online
Getting Your Business Online
 
Get Your Business Online
Get Your Business OnlineGet Your Business Online
Get Your Business Online
 
Website Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibben
 
Designbriefing
DesignbriefingDesignbriefing
Designbriefing
 
Nuts boltslaunchingwebsite072811 fin
Nuts boltslaunchingwebsite072811 finNuts boltslaunchingwebsite072811 fin
Nuts boltslaunchingwebsite072811 fin
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentals
 
Digital indeed - Website 101
Digital indeed - Website 101Digital indeed - Website 101
Digital indeed - Website 101
 
Does Your Website Stink?
Does Your Website Stink?Does Your Website Stink?
Does Your Website Stink?
 
The Essential Guide to Web Planning
The Essential Guide to Web PlanningThe Essential Guide to Web Planning
The Essential Guide to Web Planning
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
 
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
 
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
 
Web Based Marketing 2014
Web Based Marketing 2014Web Based Marketing 2014
Web Based Marketing 2014
 
Before the Build
Before the BuildBefore the Build
Before the Build
 
Small Business Blueprint: Checklist for Website Development
Small Business Blueprint: Checklist for Website DevelopmentSmall Business Blueprint: Checklist for Website Development
Small Business Blueprint: Checklist for Website Development
 
How to Design a Website.pdf
How to Design a Website.pdfHow to Design a Website.pdf
How to Design a Website.pdf
 
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
 
A guide to writing a great website brief
A guide to writing a great website briefA guide to writing a great website brief
A guide to writing a great website brief
 
Covenant Kickoff
Covenant KickoffCovenant Kickoff
Covenant Kickoff
 

Mehr von Becky Davis

Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themesBecky Davis
 
Styling WooCommerce
Styling WooCommerceStyling WooCommerce
Styling WooCommerceBecky Davis
 
Never Launch without Training
Never Launch without TrainingNever Launch without Training
Never Launch without TrainingBecky Davis
 
WordPress Images 101
WordPress Images 101WordPress Images 101
WordPress Images 101Becky Davis
 
Project Management or how to herd cats
Project Management or how to herd catsProject Management or how to herd cats
Project Management or how to herd catsBecky Davis
 

Mehr von Becky Davis (6)

Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themes
 
Styling WooCommerce
Styling WooCommerceStyling WooCommerce
Styling WooCommerce
 
Never Launch without Training
Never Launch without TrainingNever Launch without Training
Never Launch without Training
 
WordPress Images 101
WordPress Images 101WordPress Images 101
WordPress Images 101
 
Project Management or how to herd cats
Project Management or how to herd catsProject Management or how to herd cats
Project Management or how to herd cats
 
W pthemes
W pthemesW pthemes
W pthemes
 

Kürzlich hochgeladen

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 

Kürzlich hochgeladen (20)

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 

Successful Website Design

  • 1. Small Business Website Design What Every Business Owner Needs to Know about Participating in the Process, Working with a Designer and Producing a Site that Works for Your Business
  • 2. What we’ll cover  Planning the site structure & content  Types of sites  Budget  Domain names  Hosting  Finding a designer/developer  Contracts  Design & development process  Pre-launch check  Maintenance/ updates  Marketing
  • 3. Planning  The more you have planned ahead of time, the better!  Things you should know:  Your business model  Who are your customers or Audience?  What do you want your customers to do? • Call to action  How will this site solve your customers’ problem?
  • 4. Who is your Audience?
  • 5. Site Types  Brochure - Set it and Forget it, (but don’t)  Basic static pages, simple form  Informational - Regularly Updated  Needs a database and/or blogging capability  E-commerce (Can be used for services, too)  Requires shopping cart (customer, order and product information storage and retrieval)
  • 6. Planning  Things you should have an idea about:  Branding • visual interface to ‘set tone/expectations’, based on your audience and corporate culture • Logo, Colors, Look and Feel • Focus on good design, not clutter  Content (Message or ‘Pitch’) • Written copy (Optimized for Search Engines Humans with keywords) • Product photos or other images • Video or Audio
  • 7. Planning  Functionality  Forms (registration, mailing list, contact us)  Shopping cart or way for customers to pay you  Content Management System (CMS)  Information feeds like news or MLS
  • 8. Planning  Structure  Flow chart (your developer can/should assist with this) • How many pages or ‘screens’ • What links to what • How pages are categorized (Do you sort by color or style?)
  • 9. MORE Planning!  Examples  Competition  What you love (functionality, color, style, etc.)  What you hate  What you NEED now, what would be nice later  Sites can be built in stages, as long as it’s planned for  Questionnaire is a good place to start  Whew! Now that all the planning is done….
  • 10. How Much Will This Cost?  How much do you project making?  10-20% of what you will make in the first year is a good baseline  How much can you do yourself?  Writing, photography etc.  What is your time worth?  It Depends….  Website is an ongoing investment  “Average” small business should expect low to mid 4 figures.
  • 11. How Much Will This Cost?  What type of site do you need?  Blog (minimal design capability) = Free (remember your time…)  Brochure = $2500-$4500 (Estimated labor 20 to 60 hours)  Infomational or E-Commerce = $4500- $8500++  Maintenance and marketing are key to success and not included in these estimates!
  • 12. Domains & Hosting  Domain - $10+ year  Your site address: www.greatsite.com  Leased not owned! If you fail to stay current on payment, you will LOSE the rights to lease the domain.  Hosting - $120+ year  The server where your actual files live  Hosting packages normally include a limited # of email addresses that can be setup  YOU MUST PAY YOUR OWN BILL & KEEP TRACK OF THE LOGIN INFORMATION!  Use the spreadsheet
  • 13. Finding a Designer/Developer  Not all designers know how to code, not all developers know how to design  $Designer/developer, small company, freelance, home office  $$-$$$Advertising/Design firm • Designer, developer, writer, photographer, ad placement, fancy office  Ask your friends & family  (If you have a friend actually do the site, do you care about deadlines and quality? Professionals are much more accountable.)  Who developed the sites in your industry that you admire?  Look for functionality, not ‘Flash Bang’  LinkedIn, Google
  • 14. Finding a Designer/Developer  Do they have the skill set you need?  Don’t be shy about asking questions • Be cautious about FLASH  Have they made sites that work the way you want yours to work?  ALWAYS –  Check the designers’ site (broken links or ‘coming soon’ pages are a RED FLAG)  Check their clients’ sites and get references  Get more than one bid • (Compare by services offered, not just price. Lowest is often more expensive in long run)
  • 15. The Proposal & Contract  Don’t leave home without it  Protects the owner and designer  Defines the scope of work  Define WHO is responsible for WHAT • Who is providing content  Deadlines go both ways  Who “owns” what at the end • Content, artwork, code  Payment structure • Typically 33% or 50% up front  Is maintenance covered? • Negotiate!  Can you get out?
  • 16. The Proposal & Contract  What can raise the cost  Revisions, additions, changes • Remember all that planning?  Scope Creep
  • 17. The Process Yay! We’re finally creating something!  You’ve planned, now designer does discovery  Share all of your planning  Be prepared for more questions!  Wireframes  Structure first, to include all content and plan layout
  • 18. The Process  Mock-ups  Picture of the home and possibly additional page  May have more than one choice • Now you can see which shade of purple works best  Now is the time to change your mind and revise!
  • 19. The Process  Stay Flexible  Not everything that was planned for can happen exactly  Content and images are never exactly the same
  • 20. The Process  Remember – Sites aren’t magazines  You don’t control how people see your site.  Keep the design flexible and user friendly  Talk about the site being “responsive” with your designer
  • 21. The Process  Development  The coding that actually creates the site  Includes functionality that makes the site ‘go’ and can include Galleries, Slide Shows, Email forms, Shopping Carts, Blog installations . . . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title>Designing Your Site, Things Every Business Owner Should Know</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="generator" content="WordPress 2.9.2" /> <!-- leave this for stats please --> <link rel="stylesheet" href="http://www.beckydavisdesign.com/seminar/wp-content/themes/BDD_Su/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.beckydavisdesign.com/seminar/feed/" /> <link rel="alternate" type="text/xml" title="RSS .92" href="http://www.beckydavisdesign.com/seminar/feed/rss/" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.beckydavisdesign.com/seminar/feed/atom/" /> <link rel="pingback" href="http://www.beckydavisdesign.com/seminar/xmlrpc.php" />
  • 22. The Process  Each stage needs YOUR approval  Layout, design, development, launch  Delays in content delivery, approval and payment schedule all directly affect your deadline  Design changes or added functionality requests during development will be extra $$
  • 23. Pre-launch Check  Use more than one tester  Preferably someone who has not seen the site before  Does every link work?  Do the forms work?  Does the shopping cart work?  Does it pass the Mom test?  Test in Major Browsers: Explorer, Firefox, Chrome, Opera (both on PC and Mac) AND as many devices as you can find  Designer should do, but you should too!
  • 24. Maintenance & Updates  You planned for this, right?  Monthly fee?  CMS training?  Publishing schedule for blog or events?  Updating products or inventory?  You’re NEVER done.  Relevant and current content wins in search
  • 25. Marketing It’s a live site!! Now, how do you drive traffic to it?
  • 26. Marketing  Social Media (easier for some business types than others) • Facebook fan page • Your LinkedIn Profile • Twitter • Use what works for you!  Email marketing • MailChimp • Constant Contact • AWeber • Active Campaign  Printed material • Your Email Address should be you@company.com NOT gmail, and NOT aol. (Support your domain!)
  • 27. Marketing  Nothing replaces real face to face networking!  Advertising • Adwords • pay-per-click • Print, radio • TV advertising  Part of the planning  Part of the budget
  • 28. Contact Information  Becky Davis  becky@beckydavisdesign.com  773-809-5640  These slides and MORE!  http://beckydavisdesign.com/seminar- schedule/

Hinweis der Redaktion

  1. This is where example sites are shown
  2. WORDPRESS.COM