Your SlideShare is downloading. ×
Web Development Process - updated!
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Development Process - updated!


Published on

An updated presentation to showcase Whytespace's professional team and our finely tuned website design and development process. …

An updated presentation to showcase Whytespace's professional team and our finely tuned website design and development process.

Tuesday, June 28, 2011

Published in: Design, Business, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 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 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?
  • 7. Whytespace’s Hedgehog
    Best at:
    Teams & Processes
    Dynamic Portal
    Website Development &
    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.
  • 8. Assembling a Team
    • Getting people in the right seats
    Bubble Up Marketing
    Solid Technology Solutions
    E-Commerce Developer
    Flash Developer
    Travis President & PM
    Sarah Director of Design
    Jordan Lead Developer
    James Junior Developer
    Joel Graphic Artist
    Angie Graphic Artist
    Carla Bookkeeper
  • 9. Website Design & Development Processes
    Process Outlined
  • 10. Whytespace Web Development Process
    Environmental Scan
    Design & Development
    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
    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)
    Forums, blogs, feedback, gallery, e-com
    Whytespace hosting only
  • 14. Whytespace Web Development Process
    Who’s responsibility is it?
    Organization, information architecture
    Content & Design closely related
    Content should be considered preliminary
    Design the content
  • 15. 2. Content
    Consulting with client
    Client research and writing
    Topics, sections and pages
    Entry points
    Flow & Leading and guiding
    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
    White-space, how much text
    Design Comp (comprehensive layout)
  • 18. Side Bar: Tien Lung
    A lesson in patience & perseverance
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 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
    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
  • 28. 5. Testing & Launch
    Testing and feedback
    Website is made available via temp web address
    Email feedback and changes
    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
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Whytespace Ltd.
    Find us Online