Substance151 Best Web Practices

substance151
substance151substance151
Website Best Practices 07.24.08 Ida Cheinman ida@substance151.com
WEBSITE PLANNING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GOALS Website Strategy, Vision and Goals – what do you want your website to do:  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GOALS What problems does it solve for your audiences and how? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
USERS Effective websites are those that are user-centric – your website’s structure/navigation, look & feel, and functionality should address the needs of the users. ,[object Object],[object Object],[object Object],[object Object]
WEBSITE GOALS ASSESSMENT ,[object Object],[object Object],[object Object],[object Object],[object Object]
TEAM EXPERTISE The following disciplines are critical in the web design and  development process. Whether hiring an agency/consultants, pulling internal resources, or combining the two, make sure to cover the following capabilities: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TYPICAL PROJECT PHASES ,[object Object],[object Object],[object Object],[object Object]
INFORMATION ARCHITECTURE A well thought-out structure and meaningful, consistent navigation is one of the main paths to happy users. Site Architecture is a blueprint that is used to develop a website’s content, visual design and functionality.  ,[object Object],[object Object],[object Object],[object Object]
INFORMATION ARCHITECTURE – SITE MAP
INFORMATION ARCHITECTURE – WIREFRAME
NAVIGATION BEST PRACTICES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
NAVIGATION BEST PRACTICES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DESIGN Your website is the online expression of your brand. The same rules of branding and good design apply to your online communications.  Web Design Myths: ,[object Object],[object Object],[object Object],[object Object]
DESIGN – HOME PAGE Home page is your only chance to make an impression and compel your visitors to dig deeper. ,[object Object],[object Object],[object Object]
DESIGN BEST PRACTICES ,[object Object],[object Object],[object Object],[object Object]
DESIGN – FLASH CONTENT ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CONTENT ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TESTING ,[object Object],[object Object],[object Object]
CASE STUDIES How it all translates into an actual website
DELTA CARBONA RE-DESIGN:  before ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DELTA CARBONA RE-DESIGN:  after ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ECO-COACH RE-DESIGN:  before ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ECO-COACH RE-DESIGN:  after ,[object Object],[object Object],[object Object],[object Object],[object Object]
ARISAPH PHARMACEUTICALS RE-DESIGN:  before ,[object Object],[object Object],[object Object],[object Object],[object Object]
ARISAPH PHARMACEUTICALS RE-DESIGN:  after ,[object Object],[object Object],[object Object]
Website Best Practices 07.24.08 Ida Cheinman  [email_address]
1 sur 27

Recommandé

How To Build A High Performance Lead Generation Website par
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation WebsiteStraightNorthIM
10.1K vues18 diapositives
10 Principles Of Effective Web Design par
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Designsirferds
3.5K vues35 diapositives
Web design principles par
Web design principlesWeb design principles
Web design principlesBeverly Garcia
5.8K vues24 diapositives
Digital Retail Training Session Two par
Digital Retail Training Session TwoDigital Retail Training Session Two
Digital Retail Training Session TwoJessica Brown
283 vues50 diapositives
UX-HCI redesign - Houzz par
UX-HCI redesign - HouzzUX-HCI redesign - Houzz
UX-HCI redesign - HouzzPatrice Hall
763 vues10 diapositives
Web Design by Client Perspective par
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspectiveeginni
743 vues13 diapositives

Contenu connexe

Tendances

Web usability MKS par
Web usability MKSWeb usability MKS
Web usability MKSMikisingh10
340 vues16 diapositives
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B... par
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Drupal Camp Delhi
3.8K vues33 diapositives
Web Design/Development : Portfolio cum Presentation par
Web Design/Development : Portfolio cum PresentationWeb Design/Development : Portfolio cum Presentation
Web Design/Development : Portfolio cum PresentationDeepak_Hasija
840 vues38 diapositives
Free presentation template for web design projects par
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projectsThomas Talavera Karslake
7.4K vues16 diapositives
Introducing Communication Sites for Communicators #spfestchi #CM101 par
Introducing Communication Sites for Communicators #spfestchi #CM101Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101Kanwal Khipple
453 vues85 diapositives
Web Design & Development Trends Presentation par
Web Design & Development Trends PresentationWeb Design & Development Trends Presentation
Web Design & Development Trends PresentationRichard Bowden
8.4K vues24 diapositives

Tendances(19)

Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B... par Drupal Camp Delhi
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
Drupal Camp Delhi 3.8K vues
Web Design/Development : Portfolio cum Presentation par Deepak_Hasija
Web Design/Development : Portfolio cum PresentationWeb Design/Development : Portfolio cum Presentation
Web Design/Development : Portfolio cum Presentation
Deepak_Hasija840 vues
Introducing Communication Sites for Communicators #spfestchi #CM101 par Kanwal Khipple
Introducing Communication Sites for Communicators #spfestchi #CM101Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101
Kanwal Khipple453 vues
Web Design & Development Trends Presentation par Richard Bowden
Web Design & Development Trends PresentationWeb Design & Development Trends Presentation
Web Design & Development Trends Presentation
Richard Bowden8.4K vues
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t... par Shannon Lewis
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...
Shannon Lewis421 vues
Example par tara
ExampleExample
Example
tara2.4K vues
Presentation of web designing par sreejagiri
Presentation of web designingPresentation of web designing
Presentation of web designing
sreejagiri52.8K vues
Get real results from your website par Florizel Media
Get real results from your websiteGet real results from your website
Get real results from your website
Florizel Media462 vues
Selecting a CMS - 9 Fears that Shouldn't Hold You Back par Marqui CMS
Selecting a CMS - 9 Fears that Shouldn't Hold You BackSelecting a CMS - 9 Fears that Shouldn't Hold You Back
Selecting a CMS - 9 Fears that Shouldn't Hold You Back
Marqui CMS1.4K vues

En vedette

Fabian Williams SharePoint Saturday New York BCS Deck par
Fabian Williams SharePoint Saturday New York BCS DeckFabian Williams SharePoint Saturday New York BCS Deck
Fabian Williams SharePoint Saturday New York BCS DeckFabian Williams
440 vues15 diapositives
Substance151 fact sheet par
Substance151 fact sheetSubstance151 fact sheet
Substance151 fact sheetsubstance151
459 vues16 diapositives
Photosynthesis par
PhotosynthesisPhotosynthesis
Photosynthesisastridd
566 vues12 diapositives
Academic Champions par
Academic ChampionsAcademic Champions
Academic ChampionsHPHS
283 vues5 diapositives
Photosynthesis par
PhotosynthesisPhotosynthesis
Photosynthesisastridd
269 vues12 diapositives
Fabian Williams BCS Session Spsnola par
Fabian Williams BCS Session SpsnolaFabian Williams BCS Session Spsnola
Fabian Williams BCS Session SpsnolaFabian Williams
1.9K vues14 diapositives

En vedette(8)

Fabian Williams SharePoint Saturday New York BCS Deck par Fabian Williams
Fabian Williams SharePoint Saturday New York BCS DeckFabian Williams SharePoint Saturday New York BCS Deck
Fabian Williams SharePoint Saturday New York BCS Deck
Fabian Williams440 vues
Photosynthesis par astridd
PhotosynthesisPhotosynthesis
Photosynthesis
astridd566 vues
Academic Champions par HPHS
Academic ChampionsAcademic Champions
Academic Champions
HPHS283 vues
Photosynthesis par astridd
PhotosynthesisPhotosynthesis
Photosynthesis
astridd269 vues
Fabian Williams BCS Session Spsnola par Fabian Williams
Fabian Williams BCS Session SpsnolaFabian Williams BCS Session Spsnola
Fabian Williams BCS Session Spsnola
Fabian Williams1.9K vues
Big Education File par HPHS
Big Education FileBig Education File
Big Education File
HPHS548 vues
Substance151: LInkedIn and Pinterest, presented to the Chesapeake Regional Te... par substance151
Substance151: LInkedIn and Pinterest, presented to the Chesapeake Regional Te...Substance151: LInkedIn and Pinterest, presented to the Chesapeake Regional Te...
Substance151: LInkedIn and Pinterest, presented to the Chesapeake Regional Te...
substance151317 vues

Similaire à Substance151 Best Web Practices

Demystifying The Web par
Demystifying The WebDemystifying The Web
Demystifying The WebLoft Creative
260 vues35 diapositives
Website basics training - Jess Le Merle par
Website basics training - Jess Le MerleWebsite basics training - Jess Le Merle
Website basics training - Jess Le MerleHayden Armour
1.2K vues64 diapositives
Characterstc of web par
Characterstc of webCharacterstc of web
Characterstc of webEkta Saraswat
127 vues6 diapositives
Building an Online Presence par
Building an Online PresenceBuilding an Online Presence
Building an Online PresenceRenée Nesseth
43 vues54 diapositives
Web Design in 1 hour (& 15 minutes) HANDOUT par
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUTAmy Jorgensen
1.4K vues1 diapositive
User-Centered Website Design par
User-Centered Website DesignUser-Centered Website Design
User-Centered Website DesignBrent Bice
408 vues42 diapositives

Similaire à Substance151 Best Web Practices(20)

Website basics training - Jess Le Merle par Hayden Armour
Website basics training - Jess Le MerleWebsite basics training - Jess Le Merle
Website basics training - Jess Le Merle
Hayden Armour1.2K vues
Web Design in 1 hour (& 15 minutes) HANDOUT par Amy Jorgensen
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUT
Amy Jorgensen1.4K vues
User-Centered Website Design par Brent Bice
User-Centered Website DesignUser-Centered Website Design
User-Centered Website Design
Brent Bice408 vues
BYU-Idaho Web Developers' Information Session 2011-05-16 par BYUIWebmaster
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
BYUIWebmaster214 vues
Digital experiences that build brand, loyalty and sales par sbastion
Digital experiences that build brand, loyalty and salesDigital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and sales
sbastion530 vues
Leveraging CX / UX / UI to optimise brand experiences par Melissa Wilfley
Leveraging CX / UX / UI to optimise brand experiencesLeveraging CX / UX / UI to optimise brand experiences
Leveraging CX / UX / UI to optimise brand experiences
Melissa Wilfley888 vues
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx par galerussel59292
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
Leveraging Web Content Management to Enforce Your Master Brand par BlueFish
Leveraging Web Content Management to Enforce Your Master BrandLeveraging Web Content Management to Enforce Your Master Brand
Leveraging Web Content Management to Enforce Your Master Brand
BlueFish417 vues
Building a Best-in-Class Economic Development Website par Atlas Integrated
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development Website
Atlas Integrated2.8K vues

Plus de substance151

The End of "Digital" par
The End of "Digital"The End of "Digital"
The End of "Digital"substance151
140 vues20 diapositives
Next Level Customer Experience: Differentiating Through the Branded Experience par
Next Level Customer Experience: Differentiating Through the Branded ExperienceNext Level Customer Experience: Differentiating Through the Branded Experience
Next Level Customer Experience: Differentiating Through the Branded Experiencesubstance151
472 vues29 diapositives
Will You Like Us? The New Integrated Marketing for Professional Services par
Will You Like Us? The New Integrated Marketing for Professional ServicesWill You Like Us? The New Integrated Marketing for Professional Services
Will You Like Us? The New Integrated Marketing for Professional Servicessubstance151
307 vues18 diapositives
Brand Engagement: Today’s Hottest Marketing Currency par
Brand Engagement: Today’s Hottest Marketing CurrencyBrand Engagement: Today’s Hottest Marketing Currency
Brand Engagement: Today’s Hottest Marketing Currencysubstance151
681 vues42 diapositives
SMPS MAryland: The Role of In-House Marketers in a Rebrand par
SMPS MAryland: The Role of In-House Marketers in a RebrandSMPS MAryland: The Role of In-House Marketers in a Rebrand
SMPS MAryland: The Role of In-House Marketers in a Rebrandsubstance151
899 vues22 diapositives
A/E/C Marketing: How to Market Green When Everyone Else Is par
A/E/C Marketing: How to Market Green When Everyone Else IsA/E/C Marketing: How to Market Green When Everyone Else Is
A/E/C Marketing: How to Market Green When Everyone Else Issubstance151
300 vues31 diapositives

Plus de substance151(9)

Next Level Customer Experience: Differentiating Through the Branded Experience par substance151
Next Level Customer Experience: Differentiating Through the Branded ExperienceNext Level Customer Experience: Differentiating Through the Branded Experience
Next Level Customer Experience: Differentiating Through the Branded Experience
substance151472 vues
Will You Like Us? The New Integrated Marketing for Professional Services par substance151
Will You Like Us? The New Integrated Marketing for Professional ServicesWill You Like Us? The New Integrated Marketing for Professional Services
Will You Like Us? The New Integrated Marketing for Professional Services
substance151307 vues
Brand Engagement: Today’s Hottest Marketing Currency par substance151
Brand Engagement: Today’s Hottest Marketing CurrencyBrand Engagement: Today’s Hottest Marketing Currency
Brand Engagement: Today’s Hottest Marketing Currency
substance151681 vues
SMPS MAryland: The Role of In-House Marketers in a Rebrand par substance151
SMPS MAryland: The Role of In-House Marketers in a RebrandSMPS MAryland: The Role of In-House Marketers in a Rebrand
SMPS MAryland: The Role of In-House Marketers in a Rebrand
substance151899 vues
A/E/C Marketing: How to Market Green When Everyone Else Is par substance151
A/E/C Marketing: How to Market Green When Everyone Else IsA/E/C Marketing: How to Market Green When Everyone Else Is
A/E/C Marketing: How to Market Green When Everyone Else Is
substance151300 vues
Substance151: Green is the new black par substance151
Substance151: Green is the new blackSubstance151: Green is the new black
Substance151: Green is the new black
substance151354 vues
Substance151 Annual Benefit Report 2011 par substance151
Substance151 Annual Benefit Report 2011Substance151 Annual Benefit Report 2011
Substance151 Annual Benefit Report 2011
substance151242 vues
Sub151 Employer Branding par substance151
Sub151 Employer BrandingSub151 Employer Branding
Sub151 Employer Branding
substance1513.8K vues

Dernier

JAWARK Inside Company Profile 2024 par
JAWARK Inside Company Profile 2024JAWARK Inside Company Profile 2024
JAWARK Inside Company Profile 2024mostafareda1994
13 vues45 diapositives
type book PDF to PPT.pptx par
type book PDF to PPT.pptxtype book PDF to PPT.pptx
type book PDF to PPT.pptxsamboggiano
7 vues54 diapositives
boggiano_project 2.pptx par
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptxsamboggiano
25 vues8 diapositives
Final (1).pdf par
Final (1).pdfFinal (1).pdf
Final (1).pdfkarmadjango
10 vues188 diapositives
DR Portfolio.pptx par
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptxrobertsd2
26 vues11 diapositives
Indian wedding dresses design.pdf par
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdfAur Dikhao
5 vues7 diapositives

Dernier(20)

DR Portfolio.pptx par robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd226 vues
Indian wedding dresses design.pdf par Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 vues
Samsung Galaxy Watch 5 Presentation par aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 vues
Dragon Troubles Overview________________ par pulkkinenaliisa
Dragon Troubles Overview________________Dragon Troubles Overview________________
Dragon Troubles Overview________________
pulkkinenaliisa15 vues
Sugar Air Kiss Lipstick par aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel112 vues
ATPMOUSE_융합2조.pptx par kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089826 vues
Free International civil aviation day template from best presentation design ... par slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
BeatsFest Brand Guidelines Final.pdf par EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena98 vues
Connexions 2024 Idea Book.pdf par daniel103814
Connexions 2024 Idea Book.pdfConnexions 2024 Idea Book.pdf
Connexions 2024 Idea Book.pdf
daniel10381430 vues
GMP2 Powerpoint presentation for maker lab par rpham9987
GMP2 Powerpoint presentation for maker labGMP2 Powerpoint presentation for maker lab
GMP2 Powerpoint presentation for maker lab
rpham998711 vues
Dragon Troubles__Personal Project_______ par pulkkinenaliisa
Dragon Troubles__Personal Project_______Dragon Troubles__Personal Project_______
Dragon Troubles__Personal Project_______
pulkkinenaliisa11 vues

Substance151 Best Web Practices