Website 3.0 Project Plan

From CCCWiki
Revision as of 09:22, 18 May 2015 by Marc.maier (talk | contribs)
Jump to: navigation, search

Requirements

The overall objective is to create a mobile-friendly site based on the current that existing and new users will love.

Key Selling Points

  1. Optimised for mobile and tablet
  2. Updated design
  3. Improved navigation (mega menu, search and tags)

Functional Requirements

  1. Existing content smart-phone and desktop optimised
  2. Clickable email addresses on mobile, tablet and desktop
  3. Sign up to newsletters
  4. Event calendar for mobile, tablet and desktop
  5. Google analyitics integration
  6. End of page help
  7. Smart search
  8. PDF display on mobile, tablet and desktops
  9. Audio playback on tablets and desktops
  10. Mega menu for desktop and tablet view
  11. Cookie policy
  12. 404 custom page
  13. Next steps
  14. Tag based navigation instead of categories
  15. Clickable phone numbers
  16. Audio playback on mobile devices
  17. Intelligent home page customisation
  18. Automated feed of images of church life from a social media account
  19. Content tablet optimised
  20. Mirco data in Google search
  21. Video playback on mobile, tablet and desktop
  22. Date-based grouping for news and media section
  23. Privacy policy
  24. AddThis integration for articles and events

Non-Functional Requirements

  1. Support for IE11+, Chrome, Safari, Firefox (desktop), latest iPad, latest iPhone, latest Android Nexus Phone, latest Android tablet.
  2. Availability: 24x7
  3. Performance: Home page load in 2 secs on desktop with empty cache on 5 MBbit connection, in 3 secs on latest smart phone with 5 MBit connection.
  4. HTML5 standard compliant
  5. Support for accessiblity

Tasks

Design

  • Redesign home page
  • Redesign activity pages
  • Redesign news and media pages
  • Redesign worship service page
  • Redesign summary pages
  • Redesign financial giving
  • Redesign search
  • Redesign calendar events
  • Redesign Find Us
  • Redesign Get Connected
  • Redesign directory page
  • Redesign Contact Us page
  • Redesign Get Connected
  • Redesign church images
  • Design mega menu
  • Design error page

Content

  • Add call to actions to appropriate pages
  • Update content so it's organised by tags in addition to categories
  • Add "you may also be interested in" to appropriate pages
  • Update meta data
  • Write privacy policy
  • Make content more engaging
  • Mobile first

Graphics

  • Increase resolution of existing images
  • Create thumbnails
  • Update contact pictures
  • Create responsive images

Technical

  • Integrate responsive event calendar
 * Update upcoming events layout
 * Update event page layout
 * Configure DPCalendar
 * Integrate with Bootstrap 3.0
 * Remove Google Maps integration
 * Update documentation
  • Migrate events from JEvent to new calendar
  • Add you may also be interested in navigation
  • Add search to menu header
  • Add search end navigation
  • Integrate mailing sign up forms
  • Add call to action functionality
  • Adapt Search page
  • Adapt Contact Us page
  • Adapt Church Images page
  • Adapt Find Us Page
  • Adapt Worship page
  • Adapt Welcome page
  • Adapt Get Connected page
  • Adapt Engage page
  • Adapt Giving page
  • Adapt summary pages
  • Adapt template so that tag based summary pages look great
  • Add support for audio playback
  • Add support for video playback
  • Add support for PDF viewing
  • Adapt error page
  • Configure mega menu
  • Create responsive email templates

Testing

The following tests need to be performed on each page:

  • Content is correct
  • Upcoming events are correct (if appropriate)
  • Page renders correctly on the following devices: Desktop Internet Explorer, Desktop Chrome, Desktop Firefox, Desktop Safari, Retina iPad Landscape, Retina iPad Portrait, Retina iPhone Landscape, Retina iPhone Portrait, Android Phone Landscape, Android Phone Portrait
  • Meta data is correct
  • Microdata is correct
  • Links are correct
  • Videos and audio files playback correctly (if appropriate)
  • PDF files render correctly (if appropriate)
  • Tag end navigation works correctly
  • Sign up works corretly (if appropriate)
  • Next step action works corretly (if appropriate)
  • No error reported in browser console
  • Page loads in 1 sec (TBC: define more precisely)
  • Introductions are correct
  • Page meets accessibility standards (TBC: define more precisely)

Environments

  • Set up initial development environment
  • Refresh development environment from production

Launch

  • Create launch presentation
  • Write launch article
  • Prepare and make announcement in church

Milestones

  • Initial Design complete
  • Content upgrade can start
  • Testing can start