An updated presentation to showcase Whytespace's professional team and our finely tuned website design and development process. Tuesday, June 28, 2011

1. Travis Whyte Whytespace Ltd.

2. Presentation Outline Whytespace, an Introduction Our Web Design & Development Process

3. Whytespace, an Introduction The evolution of a local web design & development company

4. History of Whytespace Travis Whyte: 1999 B.Sc. Chemistry (Physics/Astronomy) Kings University College Built my final research project as a website 2001 M.Ed. Instructional Technologies University of Alberta Researched effective web design Learned about process development

5. History of Whytespace Educational Media Technologies 2001 – 2004Sole Proprietor Canadian Space Agency Canadian Astronomical Society LearnAlberta.ca(Gov. Alberta) Small web projects on the side New Media Solutions 2004 – 2005 Partnered with a Comp. Sci. grad Needed developer experience Started building & hosting websites

6. History of Whytespace April 2005 Partnership Dissolved Reinventing the wheel, not servicing clients Financial instability Conflicting visions Separation of clients and Code July 2005 Incorporated Whytespace Ltd. Travis & Sarah Whyte Old clients, New vision How do we create a Great Company? Powered by:www.whytespace.ca

7. Whytespace’s Hedgehog Best at: Teams & Processes Dynamic Portal Websites Economic: Website Development & Hosting Passion: Client-Focused Customer Service Dynamic Portal Websites are websites custom designed and built on a Content Management System (CMS) framework that allows us to pass control of the website to our clients.

9. Website Design & Development Processes Process Outlined

10. Whytespace Web Development Process Environmental Scan Content Design & Development Assembly Testing & Pre-Launch Launch Day & Follow-Up

11. Whytespace Web Development Process Environmental Scan Website consulting Orientation to the client Business analysis Estimate & Quote Proposal preparation

12. 1. Environmental Scan Domain name .cavs .com Business name, acronym, or other Marketing materials Logos, brochures, graphics, business plan Industry Competitors, partners, organizations Website goals Short term, long term Need email? Number of accounts, groupware

13. 1. Environmental Scan Type of website? Static site (developer develops and developer required for all updates) Splash page Brochure site Hosting anywhere (Whytespace, TELUS, Shaw, etc.) Portal site (developer develops and client does updates themselves) Content Management System (CMS) Easily control content One-time management Interaction (do something) Modules Forums, blogs, feedback, gallery, e-com Whytespace hosting only

14. Whytespace Web Development Process Content Who’s responsibility is it? Organization, information architecture Content & Design closely related Content should be considered preliminary Design the content

15. 2. Content Writing Consulting with client Client research and writing Organization Topics, sections and pages Entry points Flow & Leading and guiding Sitemap Later helps the developer

16. Whytespace Web Development Process Design & Development (Programming) Let the professionals do the work Designers work directly with the clients No miss-communications Designers in close contact with Developers

17. 3. Design & Development 3a. Design Graphics Research (stock photos, new pictures) Design Samples Layout White-space, how much text Design Comp (comprehensive layout)

18. Side Bar: Tien Lung A lesson in patience & perseverance

24. 3. Design & Development 3b. Development Source code installed Website setup and configured Blank pages created Modules installed & configured Website skeleton – Alpha Custom development

25. Whytespace Web Development Process Assembly Design and Development comes together Designing the content Close interaction with clients New content added Custom modules configured

26. 4. Assembly Website skin (template) Bring comps alive Content migration & new content insertion Important to have approved content Graphics to complement content Stock photos & client photos Page linking and organization Visitor flow Culminates with Beta Launch

27. Whytespace Web Development Process Testing & Pre-Launch Starts with Beta launch Testing is important Specific & Structured feedback is helpful http://browsershots.org/

28. 5. Testing & Launch Beta-launch Testing and feedback Presentation Website is made available via temp web address Email feedback and changes Training Introduction to CMS, modules Website user guide, client does updates themselves Live Launch Google Analytics installed Website connected to the domain (DNS) Website submitted to search engines (Web Master Tools) Email configured

29. Whytespace Web Development Process Launch Day & Follow-Up Important to finish strong Initial support is key Long-term relationship are formed Friday launch days

30. 6. Launch Day & Follow-Up Day of the launch Sign-Off email & Invoice One Week later Email check-in Site analytics (Google, other) Page popularity, entry points, user flow, bandwidth Two to Six Months later Review analytics Site growth plan Referral to SEO company

31. Website Design & Development Process Flow Chart, for the visual learner

37. Whytespace Ltd. Find us Online www.whytespace.ca www.twitter.com/whytespace