Design for a wizard web application, with HTML5, compatible with Bootstrap

  • Posted:
  • Proposals: 3
  • Remote
  • #661360
  • Awarded
Graphic S.
Paulo F.Oshane S. have already sent a proposal.
  • 1


Experience Level: Expert
Industry: Internet/Software
Num. of web pages: 6
Description of every page: We have an application used for the creation and management of quotes. The creation process is a wizard with 5 steps which has been developed but requires design.

We require a slick, jaw-dropping, stylish yet simple design to make the process as simple and intuitive as possible.

I will try to describe with as much detail as possible what it is required from the job. I will help if you can refer to the screenshots provided.

- Wizard - step 1.

The form needs to be formatted to be aligned and sleek. The progress bar needs to be aligned even if the user resizes the window.

- Wizard - step 2.

The text on the first column (under "Available Services"), needs to be changed by meaningful logos. Each logo should have a tooltip box with the text of the type of service it is.

The drag and drop area needs to be designed so that the width is always constant, and that the overall page looks good.

The shopping cart needs to be designed, needs to scroll down when the user scrolls down, so that it is always visible, needs to change when a new service has been added (we can help with the programming, we just need the design), and needs to be redesigned.

The forms dropped by the user need to be redesigned as well, to ensure that they look the same as the ones in step 1, and that they make the whole process simple.

The tooltips on each element need to be displayed properly.

- Wizard - step 3

The same as step 1. We need the form to look really good.

- Wizard - step 4

We need to display in a very nice way a summary of the information entered in the previous steps.

- Wizard - step 5

This page will need to finish the process

- Manage Quotes screen:

The search forms need to be designed, and the elements in the list.
Moreover, the information on the right, needs to be designed as well.
Ideas for the visual style: I attached a file with a few inspirational screenshots
Extra notes: I can provide access to the application if required.

In the inspiration files, please have a look at "Inspiration - DigitalOcean Control Panel 2015-01-15 17-12-00.png". The logos there look very similar to what I have in mind.

Please don't quote for this job unless you really understand the description above. We need to turn the current application into a professional, intuitive and easy application.

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.