Web Development Process - updated!

  • 886 views
Uploaded 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

More in: Design , Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
886
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
42
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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.
  • 8. Assembling a Team
    • Getting people in the right seats
    Contractors
    Bubble Up Marketing
    Solid Technology Solutions
    E-Commerce Developer
    Flash Developer
    Employees
    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
    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
  • 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
    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
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Whytespace Ltd.
    Find us Online
    www.whytespace.ca
    www.twitter.com/whytespace