GanttPRO

Project Team Management

Redesigning the Team and Resources section so project managers could see — at a glance — who's on the project, what they're doing, and how stretched they are.

RoleUX/UI Designer
Timeline5 months
PlatformWeb
ToolsFigma, Miro
01 — Overview

Making team visibility a first-class feature

GanttPRO's Team and Resources section showed a list of team members — names, roles, and a count of assigned tasks. That was it. Project managers had no way to understand workload distribution, no way to see which projects a person was juggling, and no personal context for each team member beyond their job title.

The result: managers were over-assigning some people and underusing others, not from neglect but from lack of visibility. The redesign aimed to fix this by turning a flat list into a genuinely useful team management view.

Team member card — active projects and workload
Team member card — active projects and workload
Resource workload — capacity bar view
Resource workload — capacity bar view
Concept exploration — card format variations
Concept exploration — card format variations tested with project managers
Information hierarchy — member card anatomy
Card anatomy — name, role, active projects, task count, workload bar
02 — Process & Solution

From list to cards with actual meaning

Competitor research (Asana, Monday, Teamwork) showed that the most useful team views combined personal identity (name, avatar, role) with workload context (active tasks, task types, cross-project assignments) in a card format rather than a table row.

1
Concept exploration

Sketched 4 card formats varying in information density. Tested 2 directions with a focus group of 6 project managers. The selected direction surfaced active projects prominently rather than raw task counts.

2
Information hierarchy

Each card shows: member name, role, active project list (with color coding matching the project), task count per project, and an availability indicator (workload percentage). Overflow projects are summarized with a "+N more" indicator.

3
Resource availability tracking

Added a capacity bar showing each member's allocated workload as a percentage of their available hours. Yellow at 80%, red at 100% — letting managers identify overallocation before it becomes a bloat problem.

03 — Outcome

Team context, not just team lists

The redesigned Team Management section launched as part of GanttPRO's 2022 feature release. Post-launch monitoring showed strong adoption of the new card view over the legacy list. Project managers reported the workload bar as the single most useful new element — it surfaced resourcing problems they hadn't had the visibility to catch before.

Final team management view — member cards with workload
Final design — team cards with project assignments and workload bars
Workload detail — overallocation states and capacity indicators
Workload detail — overallocation warnings and capacity states
Resource management — cross-project availability tracking
Cross-project resource view — availability tracking at a glance
Next project
B2C Giveaway — SmallTalk2Me