Needed Web Designer for UI/UX -- 2

Suljettu Julkaistu 4 vuotta sitten Maksettu toimituksen yhteydessä
Suljettu Maksettu toimituksen yhteydessä

Hey

i need web page designed following my .pptx and implement minor functions.

On this module, the user can create a Change Management diagram, with each step being planned for an year.

The idea is to use a sankey diagram in order to create links between each year, and the different Change planns that the user is going to implement. The diagram is going to have three modes: Planning, On Process, On execution. Depending on the mode, some functionalities are going to change.

On the image attached, you can see that the diagram is within a chart. The chart is only to make some visible guide for the user, so it will be only as background. The sankey diagram is only going to be build within the white space, or in some cases it may allow until yellow bar, but never red.

The labels on x-axis and y-axis can be changed by the user.

At first, since this project depends on another one that is still in development, the task is to design the UI with some fake data.

Things to consider on the Sankey Diagram:

-By clicking on the pencil next to the y-axis a Pop Up is shown, where the user can change the name to the axis, and link it to a project (that will be loaded from the database) and then an activity from the project selected.

-By clicking on the pencil next to the x-axis a Pop Up is shown, where the user can change the name to the axis, select % of effort and link it to a stakeholders that is bonded to the project previously selected (that will be loaded from the database). The bar color for the data generated are selected by the user on a color picker, but some colors are not going to be allowed because are going to be reserved for some specific situations. The height of the bar depends on the % of effort.

I am also attaching a .ppt that has some comments (on Spanish). Those comments have better explanation on some functionalities, but first review this document while I translate the comments to help understand better.

If it is possible to use the following js library, it will be good:

[login to view URL]

If there is other idea, I am happy to know it. This needs to be done with bootstrap, js and PHP 7.

CSS Graafinen suunnittelu HTML JavaScript Verkkosivujen suunnittelu

Projektin tunnus: #19719198

Tietoa projektista

16 ehdotusta Etäprojekti Aktiivinen 4 vuotta sitten