Team2 illustrations

Team Overview and Invitations

See who is contributing and how they group into teams, then invite a colleague with a role, department and team in one short form.

These images are illustrations of the concept, not screenshots of the actual product.

Overview

This concept covers the people side of PlanMagnet: a Team Overview page that answers who is contributing and how they are grouped, and an Invite Team Member form that brings a new colleague into the workspace. Both sit under a Team entry in the main module navigation, which expands into Overview and Invite Member so the two tasks sit side by side.

The problem it addresses is the team roster that drifts away from the work. In many organizations the list of who belongs to which team is kept by hand in a directory or spreadsheet, and it rarely matches who is actually picking up tasks. The design takes a different approach: the overview is built from the work itself. Its guidance messages explain that teams are grouped from projects and that members appear once work items are assigned to them, so the roster reflects real contribution rather than a separately maintained list.

The first illustration shows the overview in its empty state, with a summary line counting contributors across teams and two sections, Teams and Members, each carrying a plain explanation of what will fill it. The second illustration shows the invitation form: an email address field, then three dropdowns for role, department and team, with Cancel and Send Invite actions at the top. The defaults visible in the illustration, a developer role in an engineering department with no team selected, suggest a form designed to be completed in seconds.

Both screens sit inside the same app shell as the rest of the product, with a context selector for organization, workspace and project, a product switcher, a language selector, search, help, notifications and a theme toggle in the top bar, and a breadcrumb trail above the page. Because membership belongs to the workspace, an invited colleague is designed to join the same workspace that holds the team's projects, sprints and boards, and the people counted here are the same people whose assignments drive the delivery dashboards and sprint plans elsewhere in PlanMagnet.

What this concept shows

  • A Team Overview page that summarizes how many contributors there are and across how many teams
  • Separate Teams and Members sections, each with guidance explaining what populates it
  • Team groupings designed to come from projects rather than a hand-kept roster
  • Members designed to appear as soon as work items are assigned to them
  • An Invite Team Member form with an email address field and role, department and team dropdowns
  • Cancel and Send Invite actions placed at the top of the form, next to the page title
  • A Team module in the navigation that expands into Overview and Invite Member entries

How it works

  1. Open Team from the module navigation to land on the Team Overview and see the contributor and team counts.
  2. Review the Teams section to see how contributors are grouped by project, or follow its guidance to create projects if none exist yet.
  3. Check the Members section, which is designed to list everyone who has been assigned work items.
  4. Choose Invite Member under Team to open the invitation form.
  5. Enter the colleague's email address and pick their role, department and team from the dropdowns.
  6. Select Send Invite to add them to the workspace, or Cancel to return without inviting anyone.

Who it's for

  • Engineering managers and team leads
  • Workspace administrators who onboard new colleagues
  • Project managers staffing a new project
  • Agency and consulting leads coordinating people across client projects

Illustrations

2 illustrations of this concept. Select one to view it full size.

Team Overview Before Anyone Is Assigned

The team overview before any work is assigned, explaining how teams and members will appear.

This illustration shows the Team Overview page in a dark theme, in the state it takes before any work has been assigned. A summary line under the page title counts contributors across teams, both at zero here. Below it, a Teams section explains that no teams exist yet and that creating projects will produce team groupings, and a Members section explains that members appear once work items are assigned to them. Together these messages express the core idea of the concept: the roster is derived from projects and assignments rather than typed in by hand. In the left navigation, the Team module is expanded with Overview selected and Invite Member directly beneath it, alongside Dashboard, Products, Projects, Tasks, Sprints, Reports, Workspace and Analytics, plus a group of shared workspace modules. A breadcrumb trail runs from Home to the team page, and a footer groups product, resource and legal links.

Invite a Team Member

A short invitation form: an email address plus role, department and team, then Send Invite.

This illustration shows the Invite Team Member page, introduced with a line explaining that it adds a new member to the workspace. Cancel and Send Invite buttons sit to the right of the page title, with Send Invite as the primary action. A single Invitation Details card holds the form: an Email Address field with a placeholder colleague address, followed by a row of three dropdowns for Role, Department and Team. In this sample state the role is set to Developer, the department to Engineering and the team to no team, showing sensible defaults that let an invitation go out with just an email address. The left navigation keeps the Team module expanded with Invite Member highlighted, and the top bar carries the organization, workspace and project context selector, product switcher, language selector and account controls, so the invitation is clearly tied to the current workspace.

Topics

  • team overview
  • invite team member
  • workspace member invitation
  • team roster from assignments
  • contributors by team
  • assign role and department
  • team management for project teams
  • onboard new team members
  • project management team page