Design: Create Mockups for adding and editing admin notes from the my projects page

[NilakshiS]

Overview

Admin needs the ability to view, add and edit notes to a project from the "My Projects Page". Create design mockups for possible solutions.

Details

Dev has implemented a basic view, add and edit notes functionality on the "My Projects Page" but it is not very user friendly. One suggested solution is to use Modals. Create different mock-ups using modals as well as any other possible solutions to help visualize ideas and get feedback.

(Expand to see screenshots from dev site below)

Image of admin notes column currently

Notes which have already been created show a pencil icon to edit them, while a plus icon indicates adding a new note

Editing a note changes the note to an editable text box with save and cancel buttons

Adding a new note also opens an editable text box with save and cancel buttons

Action Items

• Create possible design mockups
• Connect the mockup to the new "My Projects Page" prototype if possible Update the design and prototype for My Projects Filters on Figma #1885
• Review with Product, Dev and Research and iterate if needed based on feedback.
• Once finalized, get Stakeholder sign-off via the stakeholder meeting slide deck.

Resources/Instructions

• Link to "My Projects Page" on dev site
• Link to old prototype on Figma
• Link to new prototype on Figma
  • Link to interactive prototype