Web Tool/Page Graphic Design -- 2

Job ID: 34182197

Budget: £250 – £750 GBP

Project Brief

We are looking to create a web-based questionnaire/calculator tool that will ask 25 questions. We have a wireframe design which shows the flow of the questions and the different outcomes, this we will need to be turned into a fully graphic designed piece.

The questions will be broken down into 5 sections of around 5 questions per section. And we would be expecting the project to turn 8-10 wireframes into designed pages.

We are looking for someone to do the graphic design elements of this build so must be savvy with web design, although the web build is not required as part of the project. This will be hosted online and accessible from a website. (This must work on a responsible website so being able to show this as on desktop as well as mobile would be preferable).

We would like to get this project started at the end of July so if you could price based on this that would be great.

We will be able to provide you you with an idea of how this calculator/tool will work I have included some of the key functionality items as this may take a bearing on how it will work when built.

Key features to include:
• Account login - An account login is essential for data capture but also for user experience, enabling the user to come back to their results.
• Keep the tool within one window -
• Provide support on the calculator - notifications/information boxes that pop up along the way depending on what answers are given (we would only need to show a couple of examples of this)
• Form completion progress - Giving a status on the progress made is really important whether this is done via a bar or a percentage indicator.
• Make the form intuitive - Use dynamic form fields and content boxes to only present options that are applicable to the applicant’s circumstance. This provides a better user experience, makes the form as concise as possible and adds an element of personalisation.

Design considerations:
• Layout, theme of the tool, fonts, button locations
• Colours - background, text colour, button colours.
• Live Chat button.

UX:
• How the tool moves through the sections - how can this be made seamless.
• Design of the progress indicator

Updated please see a link to Wireframes (3 pages with 17 different items) these are to be designed only on mobile and desktop - https://app.moqups.com/JI84qsH6zV60tKYYbaqWUFuMgvlcSHGA/view/page/adcd41ab2

Also I have added a mood board for the design for colours fonts etc but can follow the wireframes primarily

Please update your quotes if you could.