We have provided the working page templates which should show what should be on each page. Here are the details.
The front page should be very simple (yet attractive) and allow the user to enter their postcode. A warning should be shown if the postcode is invalid asking the user to user a valid UK postcode. You do not need to worry about the validation, but you should provide a styled warning message.
You can use the postcode SO19 7LG to test the system and move to the next page.
Area detail page:
This page shows the details of the area that contains the postcode that the user entered.
If there is an ongoing or recently completed election in this area we show the "Upcoming election" section, which shows the candidates and their political party. The aim of this part is to both help people learn about the candidates or elected officials in their area and also raise awareness of our "eCasework" product which is used by some of these elected officials to manage the contacts they receive from their constituents.
If the election has finished this section will remain on the site for a few weeks and will show the winning candidate/s and a "Contact via eCasework" button. The "Contact via eCasework" button opens a modal box allowing the user to contact their elected official via email.
We will need a way of indicating the winning candidate/s in this section while all of the results are still shown. Political parties have their own official colours, you may wish to make use of these, but be subtle. For example the Conservative party is blue, the Labour party is red etc. We will hide this section when there is not an active election, and instead show:
The "Who is my councillor?" section shows the current councillor/s for an area, their political party, a link to their twitter profile if we have one, and a "Contact via eCasework" button. This replaces the "Upcoming election" section when there is no ongoing/recent election.
Finally, the "Facts about my ward" section shows details about the area being viewed. We use a variety of controls on the page, such as tables, charts, maps etc. You can see the type of controls we use on our example page. We will need these styling and laying out correctly as part of the design.
At the bottom we'd like a "KnowMyArea.org is a Porism.com product" style message in the footer of the page (or other suitable place), with the Porism.com text linking to our website. If there is a way of also including the eCasework logo (possibly with text saying “casework for councillors”) in the footer without it being too busy or ugly, that would be helpful.
Also to note: if it's possible we'd like to reference (in a very subtle way) the APIs and other third party services we are using to build the data. At present these are the esd API (api.esd.org.uk) and data from https://democracyclub.org.uk/. If this can be done without destroying the page it would be preferable. Something along the lines of:
- election data from DemoClub
- powered by LG Inform Plus
This is at the moment a basic product. Over time extra functionality will be added:
- We will be adding more area types, meaning a postcode will fall in multiple areas. After searching for a postcode the user will be asked to pick an area to view data for. A system that made this an easy later enhancement would be valuable.
- We will be adding lots more data to the area details page. A system for arranging this so that the page doesn't get very very long (e.g. a tab system, or a selector of some kind) would again be valuable.