Goal: Gain a deep understanding of the users, their needs, and the problem you're solving.
Requirements:
- Expand the platform's capabilities to allow organizations to request multiple copilots and view their assigned copilots at the organizational level.

Goal: Clearly define the problem and start brainstorming potential solutions.
- Ideation: Brainstorm possible solutions, often through design research or collaborative sessions with product and/or design.
- Information Architecture (IA): Organize and structure the content in a way that makes it easy for users to navigate.

Design research: Dribble inspiration

Manage user profile

Design research: Dribble inspiration

Manage user profile

Design research: Dribble inspiration

Manage user profile

Goal: Create low- and high-fidelity versions of the product to test and iterate before final development.
- Wireframes: Sketch or design low-fidelity layouts of individual screens, focusing on layout and structure rather than visual design.

UI wireframe

Following the notification UI design system, I created wireframes to show how an org admin manages copilot profiles.

UI wireframe

Following the notification UI design system, I created wireframes to show how an org admin manages copilot profiles.

UI wireframe

Following the notification UI design system, I created wireframes to show how an org admin manages copilot profiles.

Goal: Refine and improve the design based on product and leadership feedback.
- Design adjustments: Make necessary revisions to wireframes, prototypes, or high-fidelity designs.

High-fidelity designs

UI notes: button at bottom of UI; generic avatar with user initials if photo is not available

High-fidelity design

UI notes: hide button at bottom of UI once a copilot request has been made; pending request at top of list

High-fidelity design

UI notes: alt design for copying email address

High-fidelity design

UI notes: alt design pending request at bottom of list

High-fidelity design

UI notes: alt design for copying email address

Goal: Finalize the product's visual aesthetics and prepare assets for development.
- Design Handoff: Provide detailed specifications, design assets, and documentation to developers using tools like Figma, Zeplin, or InVision for a smooth transition into development.
- Collaboration with Engineers: Work closely with developers to ensure the design is implemented correctly and resolves any technical challenges.