Web Development Process - updated!
Upcoming SlideShare
Loading in...5

Web Development Process - updated!



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



Total Views
Views on SlideShare
Embed Views



1 Embed 1

http://www.linkedin.com 1


Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Web Development Process - updated! Web Development Process - updated! Presentation Transcript

    • Travis Whyte
      Whytespace Ltd.
    • Presentation Outline
      Whytespace, an Introduction
      Our Web Design & Development Process
    • Whytespace, an Introduction
      The evolution of a local web design & development company
    • 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
    • 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
    • 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
    • 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.
    • 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
    • Website Design & Development Processes
      Process Outlined
    • Whytespace Web Development Process
      Environmental Scan
      Design & Development
      Testing & Pre-Launch
      Launch Day & Follow-Up
    • Whytespace Web Development Process
      Environmental Scan
      Website consulting
      Orientation to the client
      Business analysis
      Estimate & Quote
      Proposal preparation
    • 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
    • 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
    • Whytespace Web Development Process
      Who’s responsibility is it?
      Organization, information architecture
      Content & Design closely related
      Content should be considered preliminary
      Design the content
    • 2. Content
      Consulting with client
      Client research and writing
      Topics, sections and pages
      Entry points
      Flow & Leading and guiding
      Later helps the developer
    • 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
    • 3. Design & Development
      3a. Design
      Graphics Research (stock photos, new pictures)
      Design Samples
      White-space, how much text
      Design Comp (comprehensive layout)
    • Side Bar: Tien Lung
      A lesson in patience & perseverance
    • 3. Design & Development
      3b. Development
      Source code installed
      Website setup and configured
      Blank pages created
      Modules installed & configured
      Website skeleton – Alpha
      Custom development
    • Whytespace Web Development Process
      Design and Development comes together
      Designing the content
      Close interaction with clients
      New content added
      Custom modules configured
    • 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
    • Whytespace Web Development Process
      Testing & Pre-Launch
      Starts with Beta launch
      Testing is important
      Specific & Structured feedback is helpful
    • 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
    • Whytespace Web Development Process
      Launch Day & Follow-Up
      Important to finish strong
      Initial support is key
      Long-term relationship are formed
      Friday launch days
    • 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
    • Website Design & Development Process
      Flow Chart, for the visual learner
    • Whytespace Ltd.
      Find us Online