Web Design Lifecycle
-
Upload
international-association-of-business-communicators-nj-chapter -
Category
Documents
-
view
1.071 -
download
0
description
Transcript of Web Design Lifecycle
![Page 1: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/1.jpg)
June 7, 2011
Web Design Lifecycleg y
Mike Walker
WalkerTek Interactive Marketing
CHAPTER LOGO AREACHAPTER LOGO AREA
![Page 2: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/2.jpg)
Overview
• What goes into a website
• Information from client research
• Why that is importantWhy that is important
• How to keep a site fresh
• Using analytics to adjust your program
22
![Page 3: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/3.jpg)
What goes into a website?
• Research
• Design
• ContentContent
• Technical
• Marketing
• Measurement
33
![Page 4: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/4.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
44
![Page 5: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/5.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis
Usability
Security
Marketing
Competitive
55
![Page 6: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/6.jpg)
What goes into a website?
66
![Page 7: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/7.jpg)
What goes into a website?
Resources Site
Monthly PPC Budgets www.spyfu.com
Relative Rankings www.alexa.com
Find Indexed Pages (site:www.walkertek.com) www.google.com
Backlinks (link:www.walkertek.com) www.google.com
Blog Posts blogsearch.google.com
77
![Page 8: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/8.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand
Usability Audience
Security Message
Marketing Layout
Competitive Architecture
88
![Page 9: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/9.jpg)
What goes into a website?
99
![Page 10: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/10.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text
Usability Audience Images
Security Message Videos
Marketing Layout Graphics
Competitive Architecture Flash
1010
![Page 11: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/11.jpg)
What goes into a website?
1111
![Page 12: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/12.jpg)
What goes into a website?
1212
![Page 13: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/13.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs
Usability Audience Images Operating Systems
Security Message Videos Programming LanguagesLanguages
Marketing Layout Graphics CMS
Competitive Architecture Flash 3rd Party Int.
1313
![Page 14: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/14.jpg)
What goes into a website?
1414
![Page 15: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/15.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs
Usability Audience Images Operating Systems
Security Message Videos Programming LanguagesLanguages
Marketing Layout Graphics CMS
Competitive Architecture Flash 3rd Party Int.
1515
![Page 16: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/16.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO
Usability Audience Images Operating Systems
PPC
Security Message Videos Programming Languages
Social MediaLanguages
Marketing Layout Graphics CMS Content
Competitive Architecture Flash 3rd Party Int. Email
1616
![Page 17: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/17.jpg)
What goes into a website?
1717
Outbound Marketing Inbound Marketing
![Page 18: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/18.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO Traffic
Usability Audience Images Operating Systems
PPC Leads
Security Message Videos Platforms Social Media Conversions
Marketing Layout Graphics CMS Content Interactions
Competitive Architecture Flash 3rd Party Int. Email Sources
1818
![Page 19: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/19.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO Traffic
Usability Audience Images Operating Systems
PPC Leads
Security Message Videos Platforms Social Media Conversions
Marketing Layout Graphics CMS Content Interactions
Competitive Architecture Flash 3rd Party Int. Email Sources
Testing
1919
![Page 20: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/20.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO Traffic
Usability Audience Images Operating Systems
PPC Leads
Security Message Videos Platforms Social Media Conversions
Marketing Layout Graphics CMS Content Interactions
Competitive Architecture Flash 3rd Party Int. Email Sources
Testing
2020
![Page 21: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/21.jpg)
What goes into a website?
Pre Development Post
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO Traffic
Usability Audience Images Operating Systems
PPC Leads
Security Message Videos Platforms Social Media Conversions
Marketing Layout Graphics CMS Content Interactions
Competitive Architecture Flash 3rd Party Int. Email Sources
Testing
2121
![Page 22: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/22.jpg)
What goes into a website?
Research Design Content Technical Marketing Measurement
Site Analysis Brand Text Specs SEO Traffic
Usability Audience Images Operating Systems
PPC Leads
Security Message Videos Platforms Social Media Conversions
Marketing Layout Graphics CMS Content Interactions
Competitive Architecture Flash 3rd Party Int. Email Sources
Testing
2222
![Page 23: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/23.jpg)
Research
• What features/functionality are important?
• Internal– Navigation Structure– Product/Service info– Content– Technical Info
• Customers– Content– Recent News– Navigation Structure
Site Search
2323
– Site Search
![Page 24: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/24.jpg)
Research
• What features/functionality are important?
• Internal– Navigation Structure– Product/Service info– Content– Technical Info
• Customers– Content– Recent News– Navigation Structure
Site Search
2424
– Site Search
![Page 25: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/25.jpg)
What goes into a website?
2525
![Page 26: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/26.jpg)
Zero Moment of Truth
2626
![Page 27: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/27.jpg)
First Moment of Truth
Stimulus First Moment of Truth
Second Moment of Truth
2727
![Page 28: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/28.jpg)
Zero Moment of Truth
2828
![Page 29: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/29.jpg)
Zero Moment of Truth
KenRockwell.com
Zero Moments First Moment
2929
Stimulus Zero Momentsof Truth
First Moment of Truth
![Page 30: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/30.jpg)
What goes into a website?
3030
![Page 31: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/31.jpg)
Zero Moment of Truth
Those Zero MomentsThose Zero Momentsare your CONTENTare your CONTENT.
3131
![Page 32: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/32.jpg)
Those Zero MomentsThose Zero Momentsare other peoples’are other peoples
content.content.
3232
![Page 33: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/33.jpg)
How do you keep that content fresh?
• RSS Feed
• Blog
• Press ReleasesPress Releases
• Newsletters
• Events
3333
![Page 34: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/34.jpg)
Types of Blog Posts
• Instructional • Rants
• Informational
• Reviews
• Inspirational
• Research
• Lists
• Interviews
• Collation
• Prediction/Review
• Case Studies
• Profiles
• Critique
• Debate
• Link Posts
• Problem Posts
• Hypothetical
• Polls
3434
![Page 35: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/35.jpg)
Plan your content...
• Come up with an editorial calendar
• A blog calendar
• A social media calendarA social media calendar
• Be ready to capitalize on news and trends
3535
![Page 36: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/36.jpg)
Measurement
3636
![Page 37: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/37.jpg)
Those Zero MomentsThose Zero Momentsare other peoples’are other peoples
content.content.
3737
![Page 38: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/38.jpg)
Social Media
3838
![Page 39: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/39.jpg)
Measurement
3939
![Page 40: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/40.jpg)
Social Media
4040
![Page 41: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/41.jpg)
Summary
• Get involved in as many aspects of a web project as possible
• Make sure you are considering the “Zero Moment” h d l i t twhen you are developing content
• Take advantage of opportunities using your existing i f t tinfrastructure
• Use analytics to see where people are coming from and what they are looking at on your websiteand what they are looking at on your website.
4141
![Page 42: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/42.jpg)
Links
• www.zeromomentoftruth.com
• www.google.com/analytics
• www usertesting comwww.usertesting.com
4242
![Page 43: Web Design Lifecycle](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c197ff4a7959d4528b46b5/html5/thumbnails/43.jpg)
Contact Info
• twitter.com/walkertek - @walkertek@
• facebook.com/njwebdesign
• linkedin com/in/m alker973• linkedin.com/in/mwalker973
• 1-866-932-0004
4343