Website Development Project Process

Stage 1

  • Define goals of the organisation
  • Define goals & benefits for the user/audience
  • Research the functionality needed to meet these objectives
  • Establish technical needs
  • Decide on content
  • Plan content structure
  • Establish budget
  • Create cost estimates
  • Establish schedule

Stage 2

  • Prioritise website content
  • Create flowcharts of the website structure based on priorities
  • Create a sitemap to visualise the structure
  • Sketch potential layout ideas
  • Wireframe key layouts, pages and sections
  • Document requirements
  • Create a style guide

Stage 3

  • Design layout structure
  • Design unique pages
  • Design multiple screen sizes, including
    • Mobile
    • Tablet
    • High Definition
    • Additional sizes as necessary
  • Document technical requirements
  • Develop the style guide

Stage 4

  • Bespoke coding
  • Coding developed for:
    • Mobile prioritised loading
    • Fully responsive experience
    • Speed and performance
    • Search engine readability
    • Longevity
  • Performance considerations:
    • Mobile first development
    • Create low resolution imagery for mobile display
    • Minimal amount of code
    • Optimization of imagery
    • Include browser caching
    • Include server-side caching (if hosting server allows)
    • Manage code placement & load order
  • Usability considerations:
    • Create a custom 404 page
    • Create the necessary redirects – 301 & Canonicals
    • Include a favicon
    • User friendly URLs
    • Create print-friendly layout
    • Include search feature
  • SEO considerations:
    • SEO friendly responsive development
    • Mobile first development
    • Google friendly coding
    • SEO friendly URLs
    • Meta data assisting plugin installation and setup
    • Include Google Rich Snippets (if appropriate)
    • Include an XML sitemap
    • We suggest using secure connection (SSL)
    • Include Vcard contact information
  • Social media (if applicable/available):
    • Facebook open graph protocol integration
    • Facebook Insights integration
    • Twitter cards integration
    • Google+ integration