Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The link to the prototype can be found here: https://www.figma.com/proto/AlTfJAbqxUmgYflUGSsRiw/Dial?page-id=820%3A2309&node-id=1468%3A6963&viewport=1495%2C-2380%2C0.23&scaling=min-zoom&starting-point-node-id=822%3A3513 click this link

The prototype contains the following functionalities:

...

The RFP tab has a table layout to have a clear overview of the data displayed. There are two types of RPPs:
-External Opportunities: Those opportunities will be generated through the backend and contain basic information about the opportunity and the “apply now” button that will redirect the user to the external page.
-Internal Opportunities: created from the marketplace. Internal opportunities will have their own page on the platform containing more editable sections. From the list page, the user can view more details (the “View more” button that will redirect to the marketplace RFP page) or go to an external page by selecting the “Apply now” button.

The user can expand the list of items on the main RFP page to view more details by clicking on the list item.:

...

Create new RFP

To create a new RFP, the user must click the “Create new” button on the main RFP page. Once clicked, the modal with basic information will be displayed. When filled in, the “Submit RFP” button will become active. After clicking it, the user will be redirected to the page with more editable sections.

...

Edit/display modes of the new RFP features:

...

  1. Background and Profile Image
    You can edit the background image and the profile picture by selecting the “edit” icon. Once the icon is clicked, the popup with the possibility to upload the source or drag and drop the image will appear. There will be guidance on the preferable size of the image for both components.

    Image Added

...

  1. Progress bar
    The progress bar indicates the level of filled-in sections. Once the user enters the page and completes the modal, the progress bar will indicate sections that need filling in. Each box underneath the progress bar will contain the section title, basic description, and the button that will redirect the admin to the selected section that needs to be completed.
    The admin can toggle the modal by selecting the arrow to hide/show more information.
    When the page is fully completed, the progress bar will be filled and the success message will be displayed below.

    Image Added


  2. Resources section
    The user can drag and drop the files or browse them in the file dialog. Once uploaded, it can be deleted underneath the drag-and-drop area.
    The user can view the file in the browser window or download it by clicking the icons on the specific item.

    Image AddedImage Added



  3. Contacts
    Each contact will have the following fields: profile image, Name, Title, Email, and LinkedIn link (optional). The user can click the “edit” icon to upload an image. The “Main point of contact” checkbox will be marked when the user should be the organization's primary contact.
    The user will select the “add new contact” button underneath the contact blocks to add a new contact.
    The contacts will be displayed in the form of profile blocks with an image and filled information. The main point of contact will have an additional tag to indicate their purpose.

...