Website 3.0 Project Plan

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