RFP Design

The RFP tab focuses on offers from the governors/donors. They can post an offer on a specific solution with the possibility of applying.

Prototype:

The link to the prototype can be found here: click this link

The prototype contains the following functionalities:

1. The main “RFP” page:
   -List view: click on the list item to expand it. On the marketplace RFPs, you can also go to the view page by selecting the “view more” button
   -Click the ”Create new” button > when the modal is displayed, click “Submit RFP” to view the modal in the filled mode > select “RFP” again to be redirected to the page with more sections and details.

2. Create page:
   -Click the “Edit button” at the top left to edit the main details of the page
   -Select the “Edit” button on the top right of the background to view the upload/edit image modal
   -Select the “Camera” icon on the profile image to view the upload/edit image modal
   -Progress bar, click the arrow to collapse/expand the details of the progress bar

3. Page view:
   -Click the “Edit button” at the top left to edit the main details of the page
   -Hover over resources items to view functionalities

Note: You can also access the RFP tab in the prototype.

Main RFP Tab:

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:

Open

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.

Open

Edit/display modes of the new RFP features:

Below, you will find a description of the editing and viewing new Storefronts 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.
   
   

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.
   
   
   

   
   
   

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.
   
   

   
   
   
   

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.