UI: High-fidelity Mockup - Create Organization Profile

[mtreacy002]

Description

As a student],
I need create a high-fidelity mockup for Create/Update Organization Profile,
so that I can move ahead with my planning stage.

Mocks

as per initial proposal:

Figure 3.3. Create Company Profile

Acceptance Criteria

Update [Required]

• must have section title Create/Update Organization Profile with necessary components as per initial mockup or with some modifications approved by mentors

Definition of Done

• All of the required items are completed.
• Approval by 1 mentor.

Estimation

1 day

[mtreacy002]

Update:
Hi @anitab-org/bridgeintech-maintainers. Here's the mockup for Organization Profile - Create/Update form. Let me know what you think 😉

[mtreacy002]

Update:
And here's the Organization Profile - View Details

[mtreacy002]

Note: this is only MVP. In the future (Future Feature), we can add a function where the current representative can remove themselves so they are no longer representing the organization by selecting another user on the update form. After the update is successful, the current user will automatically be removed and won't see My Organization tab again from their Main Navbar.
It's similar to how Admin functionality of MS works I guess, where the current admin can chose another user to be admin which will remove themselves from the position.

[foongminwong]

I saw the difference between Update Organization Profile and Organization profile. When a user clicks Organization Profile, it will show the purple one and then after the user clicks Update, it will show the orange one. What if the user wants to update again, which button should he/she clicks to update on the orange one? (Just discussed with you, you can put an Edit button on the oragne one)

One suggestion: You can put * on Organization Name

Dicussion: We just discussed that we can make Address not mandatory (probably in the schema, remove the NOT NULL CONSTRAINT)

[foongminwong]

Swap Exit button to Edit button