Web Development Process - updated!
Download as PPTX, PDF0 likes1,288 views
The document outlines the history and web design and development process of Whytespace Ltd., founded by Travis and Sarah Whyte. It details the company's evolution from a sole proprietorship to an incorporated entity, emphasizing their client-focused approach and innovative dynamic portal websites powered by a content management system. The presentation also describes the step-by-step web development process, including environmental scans, content design, assembly, testing, and client follow-up.
Web Development Process - updated!
- 2. Presentation OutlineWhytespace, an IntroductionOur Web Design & Development Process
- 3. Whytespace, an IntroductionThe evolution of a local web design & development company
- 4. History of WhytespaceTravis Whyte:1999 B.Sc. Chemistry (Physics/Astronomy)Kings University CollegeBuilt my final research project as a website2001 M.Ed. Instructional TechnologiesUniversity of AlbertaResearched effective web designLearned about process development
- 5. History of WhytespaceEducational Media Technologies 2001 – 2004Sole ProprietorCanadian Space AgencyCanadian Astronomical SocietyLearnAlberta.ca(Gov. Alberta)Small web projects on the sideNew Media Solutions 2004 – 2005 Partnered with a Comp. Sci. gradNeeded developer experienceStarted building & hosting websites
- 6. History of WhytespaceApril 2005 Partnership DissolvedReinventing the wheel, not servicing clientsFinancial instabilityConflicting visionsSeparation of clients and CodeJuly 2005 Incorporated Whytespace Ltd.Travis & Sarah WhyteOld clients, New visionHow do we create a Great Company?Powered by:www.whytespace.ca
- 7. Whytespace’s HedgehogBest at:Teams & ProcessesDynamic Portal WebsitesEconomic:Website Development &HostingPassion:Client-FocusedCustomer ServiceDynamic Portal Websitesare websites custom designed and built on a Content Management System (CMS) framework that allows us to pass control of the website to our clients.
- 8. Assembling a TeamGetting people in the right seatsContractorsBubble Up MarketingSolid Technology SolutionsE-Commerce DeveloperFlash DeveloperEmployeesTravis President & PMSarah Director of DesignJordan Lead DeveloperJames Junior DeveloperJoel Graphic ArtistAngie Graphic ArtistCarla Bookkeeper
- 9. Website Design & Development Processes Process Outlined
- 10. Whytespace Web Development ProcessEnvironmental ScanContentDesign & DevelopmentAssemblyTesting & Pre-LaunchLaunch Day & Follow-Up
- 11. Whytespace Web Development ProcessEnvironmental ScanWebsite consultingOrientation to the clientBusiness analysisEstimate & QuoteProposal preparation
- 12. 1. Environmental ScanDomain name.cavs .comBusiness name, acronym, or otherMarketing materialsLogos, brochures, graphics, business planIndustryCompetitors, partners, organizationsWebsite goalsShort term, long termNeed email?Number of accounts, groupware
- 13. 1. Environmental ScanType of website?Static site (developer develops and developer required for all updates)Splash pageBrochure siteHosting anywhere (Whytespace, TELUS, Shaw, etc.)Portal site (developer develops and client does updates themselves)Content Management System (CMS)Easily control contentOne-time managementInteraction (do something)ModulesForums, blogs, feedback, gallery, e-comWhytespace hosting only
- 14. Whytespace Web Development ProcessContentWho’s responsibility is it?Organization, information architectureContent & Design closely relatedContent should be considered preliminaryDesign the content
- 15. 2. ContentWritingConsulting with clientClient research and writing OrganizationTopics, sections and pagesEntry pointsFlow & Leading and guidingSitemap Later helps the developer
- 16. Whytespace Web Development ProcessDesign & Development (Programming)Let the professionals do the work Designers work directly with the clientsNo miss-communicationsDesigners in close contact with Developers
- 17. 3. Design & Development3a. DesignGraphics Research (stock photos, new pictures)Design SamplesLayoutWhite-space, how much textDesign Comp (comprehensive layout)
- 18. Side Bar: Tien LungA lesson in patience & perseverance
- 24. 3. Design & Development3b. DevelopmentSource code installedWebsite setup and configured Blank pages createdModules installed & configuredWebsite skeleton – AlphaCustom development
- 25. Whytespace Web Development ProcessAssemblyDesign and Development comes togetherDesigning the contentClose interaction with clientsNew content addedCustom modules configured
- 26. 4. AssemblyWebsite skin (template)Bring comps aliveContent migration & new content insertionImportant to have approved contentGraphics to complement contentStock photos & client photosPage linking and organizationVisitor flowCulminates with Beta Launch
- 27. Whytespace Web Development ProcessTesting & Pre-LaunchStarts with Beta launch Testing is importantSpecific & Structured feedback is helpfulhttp://browsershots.org/
- 28. 5. Testing & LaunchBeta-launchTesting and feedbackPresentationWebsite is made available via temp web addressEmail feedback and changesTrainingIntroduction to CMS, modulesWebsite user guide, client does updates themselvesLive Launch Google Analytics installedWebsite connected to the domain (DNS)Website submitted to search engines (Web Master Tools)Email configured
- 29. Whytespace Web Development ProcessLaunch Day & Follow-UpImportant to finish strongInitial support is keyLong-term relationship are formedFriday launch days
- 30. 6. Launch Day & Follow-UpDay of the launchSign-Off email & InvoiceOne Week laterEmail check-inSite analytics (Google, other)Page popularity, entry points, user flow, bandwidthTwo to Six Months laterReview analyticsSite growth planReferral to SEO company
- 31. Website Design & Development Process Flow Chart, for the visual learner
- 37. Whytespace Ltd.Find us Onlinewww.whytespace.cawww.twitter.com/whytespace