Pavilion Website - Design Changes

Transcription

1 Pavilion Website - Design Changes These changes have been discussed in outline with e4education. This document is intended to describe a specific set of requirements, from which e4education can determine their costs for development and give The Pavilion a costed development plan. There are a number of separate items to be changed. Each item has an item number and should be costed separately (or be identified as no charge ). Each item should have an estimate of how long it would take, separately, to deliver. We intend to keep most of the design style choices that are in place. Where a change to style is desired, the exact implementation will be proposed by e4education. The diagrams below are indicative of the sort of result desired. Where there are items which are necessarily related or interdependent, a group subtotal of cost, together with a group timescale, will enable The Pavilion to decide whether or not to proceed with the group as a whole. If there is any uncertainty about the items or groupings, or in the timescale for development, please make this clear in the costed plan. The itemised costs and delivery times should be sent to Kevin Mathews by kmathews@pavilion.barnet.sch.uk Pavilion Update Spec Page 1

2 List of Items Menus 1) Top-level menu. Fixing the main menu to the top of the page so when you scroll down the page, the Top-level menu is still visible 2) High-visibility versions. The High Visibility page view layouts are currently confusing to navigate. Every page should have the Page Title & Breadcrumb appear at the top (or just below the Top Level menu). Quick-view items on the Home page should all show. 3) Top-level menu. Turn the menu items along the top into menu items with roll-over drop downs. Since these will overlay the banner slideshow etc, opaque backgrouns with white lettering font as font-family: "Open Sans Condensed",sans-serif or similar, slightly smaller than the Top-level menu font size. The style below is indicative only. Note: only one drop-down level shown (even if there is a third level page off the secondlevel menu item) ie no fly-out. Note: retain Top-level menu underline (showing current Top-level section) if no rollover. 4) LHS page: sub-level page list (sidebar menu). Remove the Top-level sub-menu on pages with no sub-level pages. E4education said: At present, the pages with no sub-menu categories are automatically pulling through the main menu. If you create pages under these categories then the main menu will disappear and instead it will show the pages you have created in the sub-menu. If for any reason there are no further pages within a category then we can remove this menu altogether if required. In this case, remove the sidebar menu altogether. Pavilion Update Spec Page 2

3 5) LHS page: sub-level page list (sidebar menu). The style of the sidebar menus is to change to text only (currently boxed all-cap font style), with fly-out sub-menu lists if there are thirdlevel pages present. Note: LHS bullet/margin per item; items with long names will wrap; flyouts are indented and drop-down (with opaque background if necessary). The style below is indicative only. Footer Block 6) Logo image on Footer. The logo image on the Footer is inconsistent: the logo should include the contained words and the words around. The style below is indicative only. 7) Footer text. The copyright on the Footer is Can this be updated to Pavilion Update Spec Page 3

4 8) Another panel added to the RHS of every page (making the Map less wide). Contents of the panel to be editable (as a form of custom data, edited through Website/Custom Data). To include text links (internal or external), images as links (uploading image direct or using file manager image). The style below is indicative only. Home Page Layout 9) Reduce the size of the images on the homepage. The Head Teacher image is very slow to load Head Teacher is 2.1Mb. This must be optimised (not sure we can change this image ourselves). 10) Logo image background made consistent. The logo image is consistent across all pages, but the image box background is not. On the Home page is it white, rectangular, floating. On all other pages it is white, square, fixed. Make the Home page logo box square, fixed too. Banner slideshow 11) Reduce the size of the images on the banner. The slideshow is very slow to load each image is over 1mb. This must be optimised (not sure we can change these images ourselves). 12) Images out of date. The slideshow images are from Can these be updated if we supply new ones. System Changes 13) Enable the e4education News app for our school. The news app facility appears to have potential for being very useful. E4education said: The Mobile App is available to The Pavilion for 50 + vat per year. It is free to users (ie those receiving the information on their phones, such as parents, governors, staff, students). When you update the website with a news item, photo album or calendar event, as you save the item it will ask you if you would like to send a push notification to the mobile app. Additional items such Pavilion Update Spec Page 4

5 as letters home or different pages from the site can be pulled through to the app via your CMS, we can show you how to do that once it has been set up. 14) Use of Google Analytics. We would like to use Google Analytics, in addition to Piwik. E4education said: You would be required to set up a Google account and Google Analytics. You will be sent a series of code, you ll need to submit this full script to our support team who can then link this for you. Please advise us how to achieve this. 15) Development site. We will require a copy of the current site to be made, into a development site that e4education can use to develop the design changes we agree, and we can use to edit extensively the site map and pages. We would need to be able to preview the development site separately from the live site. E4education said: A development site can be created for you whilst the work is being completed, enabling you to see the site in its entirety before switching it over. Pavilion Update Spec Page 5