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