Difference between revisions of "Website 3.0 Project Plan"
Marc.maier (talk | contribs) |
Marc.maier (talk | contribs) |
||
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
= Requirements = | = Requirements = | ||
The overall objective is to create a mobile-friendly site based on the current that existing and new users will love. | The overall objective is to create a mobile-friendly site based on the current that existing and new users will love. | ||
| + | |||
| + | == Key Selling Points == | ||
| + | |||
| + | # Optimised for mobile and tablet | ||
| + | # Updated design | ||
| + | # Improved navigation (mega menu, search and tags) | ||
== Functional Requirements == | == Functional Requirements == | ||
| − | + | ||
| − | + | # Existing content smart-phone and desktop optimised | |
| − | + | # Clickable email addresses on mobile, tablet and desktop | |
| − | + | # Sign up to newsletters | |
| − | + | # Event calendar for mobile, tablet and desktop | |
| − | + | # Google analyitics integration | |
| − | + | # End of page help | |
| − | + | # Smart search | |
| − | + | # PDF display on mobile, tablet and desktops | |
| − | + | # Audio playback on tablets and desktops | |
| − | + | # Mega menu for desktop and tablet view | |
| − | + | # Cookie policy | |
| − | + | # 404 custom page | |
| − | + | # Next steps | |
| − | + | # Tag based navigation instead of categories | |
| − | + | # Clickable phone numbers | |
| − | + | # Audio playback on mobile devices | |
| − | + | # Intelligent home page customisation | |
| − | + | # Automated feed of images of church life from a social media account | |
| − | + | # Content tablet optimised | |
| + | # Mirco data in Google search | ||
| + | # Video playback on mobile, tablet and desktop | ||
| + | # Date-based grouping for news and media section | ||
| + | # Privacy policy | ||
| + | # AddThis integration for articles and events | ||
== Non-Functional Requirements == | == Non-Functional Requirements == | ||
| − | + | # Support for IE11+, Chrome, Safari, Firefox (desktop), latest iPad, latest iPhone, latest Android Nexus Phone, latest Android tablet. | |
| − | + | # Availability: 24x7 | |
| − | + | # 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. | |
| + | # HTML5 standard compliant | ||
| + | # Support for accessiblity | ||
= Tasks = | = Tasks = | ||
| + | == Design == | ||
* Redesign home page | * Redesign home page | ||
* Redesign activity pages | * Redesign activity pages | ||
| − | * Redesign | + | * 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 | + | * Adapt Worship page |
* Adapt Welcome page | * Adapt Welcome page | ||
* Adapt Get Connected page | * Adapt Get Connected page | ||
| Line 44: | Line 99: | ||
* Adapt Giving page | * Adapt Giving page | ||
* Adapt summary pages | * Adapt summary pages | ||
| − | + | * 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 |
| − | * | + | * Add support for video playback |
| − | * Add call to | + | * 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 | ||
| + | * | ||
Latest revision as of 14:56, 23 May 2015
Contents
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
- Optimised for mobile and tablet
- Updated design
- Improved navigation (mega menu, search and tags)
Functional Requirements
- Existing content smart-phone and desktop optimised
- Clickable email addresses on mobile, tablet and desktop
- Sign up to newsletters
- Event calendar for mobile, tablet and desktop
- Google analyitics integration
- End of page help
- Smart search
- PDF display on mobile, tablet and desktops
- Audio playback on tablets and desktops
- Mega menu for desktop and tablet view
- Cookie policy
- 404 custom page
- Next steps
- Tag based navigation instead of categories
- Clickable phone numbers
- Audio playback on mobile devices
- Intelligent home page customisation
- Automated feed of images of church life from a social media account
- Content tablet optimised
- Mirco data in Google search
- Video playback on mobile, tablet and desktop
- Date-based grouping for news and media section
- Privacy policy
- AddThis integration for articles and events
Non-Functional Requirements
- Support for IE11+, Chrome, Safari, Firefox (desktop), latest iPad, latest iPhone, latest Android Nexus Phone, latest Android tablet.
- Availability: 24x7
- 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.
- HTML5 standard compliant
- 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
