Difference between revisions of "Website 3.0 Project Plan"

From CCCWiki
Jump to: navigation, search
 
(19 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
 
# Optimised for mobile and tablet
 
# Optimised for mobile and tablet
 +
# Updated design
 
# Improved navigation (mega menu, search and tags)
 
# Improved navigation (mega menu, search and tags)
+
 
 
== Functional Requirements ==
 
== Functional Requirements ==
  
# Content smart-phone optimised
+
# Existing content smart-phone and desktop optimised
# Content desktop optimised
 
# Existing content
 
 
# Clickable email addresses on mobile, tablet and desktop
 
# Clickable email addresses on mobile, tablet and desktop
 
# Sign up to newsletters
 
# Sign up to newsletters
Line 34: Line 33:
 
# Date-based grouping for news and media section
 
# Date-based grouping for news and media section
 
# Privacy policy
 
# Privacy policy
 
+
# AddThis integration for articles and events
Out-of-scope/backlog:
 
# AddThis integration
 
  
 
== Non-Functional Requirements ==
 
== Non-Functional Requirements ==
Line 46: Line 43:
  
 
= Tasks =
 
= Tasks =
* Redesign home page (Marc)
+
== Design ==
* Redesign activity pages (Marc)
+
* Redesign home page
* Redesign news and media pages
+
* Redesign activity pages
 +
* Redesign summary pages
 +
* Redesign calendar events
 +
* Design mega menu.
 +
* Redesign News and Media pages
 +
* Redesign Worship Service page
 +
* Redesign Financial Giving
 +
* Redesign Search
 +
* Redesign Find Us
 +
* Redesign Get Connected
 
* Redesign Directory page
 
* Redesign Directory page
 +
* Redesign Contact Us page
 +
* Redesign Get Connected
 +
* Redesign Church Images
 +
* Design error page
 +
 +
== Content ==
 +
* Update meta data
 +
* Create tags
 +
* Add call to actions to appropriate pages
 +
* Update content so it's organised by tags in addition to categories
 +
* Update introductions.
 +
* Add "you may also be interested in" to appropriate pages
 +
* Write privacy policy
 +
* Make content more engaging
 +
* Configure Open Graph and Twitter cards for appropriate pages
 +
 +
== 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 search to menu header
 +
* Integrate mailing sign up forms
 
* Adapt Search page
 
* Adapt Search page
 
* Adapt Contact Us page
 
* Adapt Contact Us page
 
* Adapt Church Images page
 
* Adapt Church Images page
 
* Adapt Find Us Page
 
* Adapt Find Us Page
* Adapt Workship page
+
* Adapt Worship page
 
* Adapt Welcome page
 
* Adapt Welcome page
 
* Adapt Get Connected page
 
* Adapt Get Connected page
Line 60: Line 99:
 
* Adapt Giving page
 
* Adapt Giving page
 
* Adapt summary pages
 
* Adapt summary pages
* Update content so it's organised by tags instead of categories.
+
* Adapt template so that tag based summary pages look great
* Adapt template so that tag based summary pages look great.
+
* Add support for audio playback
* Integrate sign up forms
+
* Add support for video playback
* Add call to actions
+
* Add support for PDF viewing
* Integrate AddThis
+
* Configure mega menu
* Scale up images
+
* Create responsive email templates.
* Integrate responsive event calendar
+
* Add "you may also be interested" to appropriate pages
* Migrate events from JEvent to new calendar
+
* Add search end navigation
 +
* Add call to action functionality
 +
* Adapt error page
 +
* Add Open Graph and Twitter integration
 +
 
 +
= 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
 +
*

Latest revision as of 14:56, 23 May 2015

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 summary pages
  • Redesign calendar events
  • Design mega menu.
  • Redesign News and Media pages
  • Redesign Worship Service page
  • Redesign Financial Giving
  • Redesign Search
  • Redesign Find Us
  • Redesign Get Connected
  • Redesign Directory page
  • Redesign Contact Us page
  • Redesign Get Connected
  • Redesign Church Images
  • Design error page

Content

  • Update meta data
  • Create tags
  • Add call to actions to appropriate pages
  • Update content so it's organised by tags in addition to categories
  • Update introductions.
  • Add "you may also be interested in" to appropriate pages
  • Write privacy policy
  • Make content more engaging
  • Configure Open Graph and Twitter cards for appropriate pages

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 search to menu header
  • Integrate mailing sign up forms
  • 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
  • Configure mega menu
  • Create responsive email templates.
  • Add "you may also be interested" to appropriate pages
  • Add search end navigation
  • Add call to action functionality
  • Adapt error page
  • Add Open Graph and Twitter integration

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