Difference between revisions of "Website 3.0 Project Plan"
Marc.maier (talk | contribs) (→Content) |
Marc.maier (talk | contribs) |
||
Line 46: | Line 46: | ||
* Redesign home page | * Redesign home page | ||
* Redesign activity pages | * Redesign activity pages | ||
− | |||
− | |||
* Redesign summary pages | * Redesign summary pages | ||
− | |||
− | |||
* Redesign calendar events | * Redesign calendar events | ||
+ | * Design mega menu. | ||
+ | * Redesign News and Media pages | ||
+ | * Redesign Worship Service page | ||
+ | * Redesign Financial Giving | ||
+ | * Redesign Search | ||
* Redesign Find Us | * Redesign Find Us | ||
* Redesign Get Connected | * Redesign Get Connected | ||
− | * Redesign | + | * Redesign Directory page |
* Redesign Contact Us page | * Redesign Contact Us page | ||
* Redesign Get Connected | * Redesign Get Connected | ||
− | * Redesign | + | * Redesign Church Images |
− | |||
* Design error page | * Design error page | ||
== Content == | == Content == | ||
+ | * Update meta data | ||
* Add call to actions to appropriate pages | * Add call to actions to appropriate pages | ||
* Update content so it's organised by tags in addition to categories | * Update content so it's organised by tags in addition to categories | ||
+ | * Update introductions. | ||
* Add "you may also be interested in" to appropriate pages | * Add "you may also be interested in" to appropriate pages | ||
− | |||
* Write privacy policy | * Write privacy policy | ||
* Make content more engaging | * Make content more engaging | ||
− | |||
− | |||
== Graphics == | == Graphics == | ||
* Increase resolution of existing images | * Increase resolution of existing images | ||
− | * Create thumbnails | + | * Create thumbnails. |
* Update contact pictures | * Update contact pictures | ||
* Create responsive images | * Create responsive images | ||
Line 85: | Line 84: | ||
* Remove Google Maps integration | * Remove Google Maps integration | ||
* Update documentation | * Update documentation | ||
− | * Migrate events from JEvent to new calendar | + | * Migrate events from JEvent to new calendar |
− | |||
* Add search to menu header | * Add search to menu header | ||
− | |||
* Integrate mailing sign up forms | * Integrate mailing sign up forms | ||
− | |||
* Adapt Search page | * Adapt Search page | ||
* Adapt Contact Us page | * Adapt Contact Us page | ||
Line 105: | Line 101: | ||
* Add support for video playback | * Add support for video playback | ||
* Add support for PDF viewing | * 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 | * Adapt error page | ||
− | |||
− | |||
= Testing = | = Testing = |
Revision as of 20:37, 18 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
- 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
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
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