270 likes | 298 Views
Learn the 9 steps to create a professional and user-friendly website from scratch, based on Tyson Foods Inc.'s web development journey. Discover how to determine purpose, organize content, build structure, and maintain a successful site.
E N D
Foundation to Finishing Touches:Building a Mature Web from the Ground UpDan Charles & Julie WilsonTyson Foods, Inc. 1
About Tyson Foods • Founded 1935 in Springdale, Arkansas, • World’s largest processor and marketer of beef, chicken and pork. • 130,000+ people at 143 locations. 2
Tyson Internet/Intranet • www.Tyson.com less than 1% the size of the Tyson intranet. • 80-90 sub webs • 15,000+ unique visitors/month • 250,000 hits per day 3
Our Intranet Challenge • Slow to publish, if published at all • Rarely used • Unprofessional • Wasted time, resources in development • Excessive support 4
What’s Wrong? What’s Right? Old content High turnover Awkward navigation Unorganized Broken links Missing pages Unprofessional High maintenance Dynamic, up to date content Less turnover Easy navigation Organized Working links No missing pages Professional Low maintenance 5
9 Steps to a Usable Web • Determine the purpose and audience. • Find a location for your web. • Gather and organize content. • Build the site structure. • Build the homepage and a template. • Build the content pages. • Test and debug the site. • Publish the site. • Maintain the site. 6
Determine Purpose, Audience • What about you? • Be specific • Be aware of common uses 7
Determine Purpose, Audience • Build for your audience • Plan for your goals 8
Tyson Audience • 15,000+ team members • Identify audiences within the primary audience • Consistent PC environment • Decision makers & approval process • Development tools 9
Audience Participation • IMAGURU • Who is the audience? • How would you get that information? • What will the web need to do? 10
Find a Location • ISP vs. Corporate • Development, Staging, Production Servers • Environments • Basic/Home • Industrial/Business • High Grade/Development 11
Find a Location • Identify functional needs • Accommodate dynamic content • Determine publishing process • Plan growth 12
Tyson Location • Request development environment via e-mail 13
Gather Content • What do you have? • What do you need? 14
Organize Content • Set standards • Create a style guide • Test a model 15
Tyson Standards • File Naming • Include files • Style sheets 16
Build the Site Structure • Use folders to organize • Focus on the web designer 17
Build Homepage & Template • Build them once! • Set the stage • Keep it to 3 clicks or fewer • Add new content easily 18
Tyson Homepage & Template • Homepage • Banner & left navigation based on include files • Default.asp at root level • Template • Development only • Like homepage • Template.asp 19
Build Content Pages • The heart of your site • Based on template.asp • Use folders to group similar pages 20
Tyson Content Pages • Template.asp filename.asp • Naming conventions • Default.asp 21
Test & Debug • Functionality • Content • Audience • Remember, testing requires fresh eyes 22
Tyson Testing & Debugging • Standard testing • Always include customer 23
Publish the Site • Move to Production (Stage if applicable) • Test again • Market your site 24
Tyson Publishing Process • Copy production-ready files to stage • Notify IS Web Services • Stage Production • Final Review • Marketing 25
Maintain the Site • Keep it current • Make new information visible • Look for new uses • Make is easier • Listen to your audience • Repeat the 9 steps as needed 26
Conclusion • Plan, Plan, Plan • Define purpose and audience, organize content, then begin development • Remember your audience • Questions? 27