The attached is a wireframe (See dashboard docs) for a Web Page we wish to use for demo purposes at a sales presentation which needs to be skinned.
NO CODING IS REQUIRED. JUST NEED VISUALS.
We would like visual inspiration to be taken from:
[url removed, login to view] and the attached PDF Guider Brochure.
Keep it clean,bright and modern with a little personality (like in the PDF). We're aiming for simplicity and clarity so that when user looks at this it's very easy to see the results and recommendations without hurting their eyes!
The wireframe attached shows how our software - Guider - presents the information it pulls from analytics. The idea is that the information Guider shows is simple to read, provides recommendations about how to improve the results shown and gives user a quick idea of how they're performing (red, amber, green).
As you can see from the wireframe the result '1 in 100' has been clicked to drop down and show more detailed information (in red because the result equalled a red). Any one of these results can be expanded. The result below advises the user what their numbers should ideally show and then highlights some actions they could take to improve.
You'll see underlined sentences which are links to to some further information or answer to another question or action.
I would like it to be clearer which results are red / amber or green and the drop downs and results to be more distinct from each other. If you can think of a better visual representation that green, amber or red to show good, not so good and bad I would be interested in seeing this. At least make it pretty clear which result is Red, amber or green.
It's important that ION's coporate colours are evident in the design. See attached swatches, logo and brand guide.
The top banner should read Challenge 1 instead of Question 1 (when user hovers over Challenge it will show the actual Question e.g. Is PPC selling beds?).
There should be a button to View Intel Report and similar button for Knowledge Library
There should also be a line graph showing two contrasting lines (using ION corporate colours). For now just go with two line - 1 showing a faster growth than the other with some dips).
Take out the 'brought to you by the clever folk at ion'.
Please come back to me if you have any questions.
Please send examples of your work.
Urgent: Ideally we need this completed today which isn't a lot of time for this project!