Page Comparison

This page The RFP tab focuses on offers from the governors/donors. They can post an offer on a specific solution with the possibility of applying for it. It’s connected to organizations only. RFP differs from the other tabs; we need to think about a new way of organizing the Catalog (example:  Catalog = SDGs, Use Case, Workflow, BB, Product, Open Data; Marketplace = Organizations, Projects, RFPs). The flow should be more intuitive and help users find what they need easily.

Main RFP Tab: click here to view

The RFP tab should have a table layout. The current columns are:

• source (if the offer is external or created on the marketplace)

• title

• deadline

• country

• budget

• use cases (marketplace creation only)

RFP View page - Marketplace click here to view

The Marketplace RFP will include:

• the background image, profile image

• Apply now button that will redirect the user to an external application

• website

• deadline

• description

• resources

• contacts

• use cases

• building blocks

• sectors

• countries

RFP View page - External Opportunities

Note: The external projects should also have their own page (we should indicate that the offer is external by, eg. having basic sections).

Create RFP - work in progress

Since the marketplace tab will have a slightly different approach and purpose than the Catalog, we can approach the creation process differently. We need to prepare a different way of creating those pages, examples: 

...

Few steps creation

...

One pager

...

.

Prototype:

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

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.

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:

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.

2. 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.

3. 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.

4. 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.