Roster grouped the way the company is

The staff list is split into Office, Sales, one section per crew and Not on a crew, with leaders first inside each crew.

What it is

Instead of one long alphabetical list, people are bucketed by where they actually work. Crew section names come from the same crews rows the Team page uses, so renaming a crew there renames it here. Inside a crew, leaders sort to the top and the rest alphabetically; each section header carries a hint and a count.

Also called: team list sections · group by crew · office vs field

See it
Roster grouped the way the company is
CustomerBuildingAmountStatus
Ronan Petsch40×64 Shop$1,770Approved
Ronan PetschRiding Arena$3,670Approved
Delia YoderHobby Shop$12,790Open
Marlin HooverHobby Shop$5,760Open
Sutter KlineBarndominium$9,940Sent
The section headers with hints and counts on the right, crew leader card first inside a crew section. Sample data — no customer information appears here.
How it works
  1. 1Each roster person carries the stores they came from; a crew source buckets them under their crew id, a sales source under Sales, everything else under Office.
  2. 2Crew names resolve from the crews list returned with the roster.
  3. 3Cards render two across on tablet and three across on wide screens; the card being edited spans the whole grid so nothing else re-lays-out.
Why we built it

Quoted in the file: “make sure that the team members section… has different categories, and better usage of the space, because there is just a tremendous amount of wasted space throughout the entire center.” The comment adds the reasoning — nineteen identical full-width rows is a list you have to read linearly to find anyone, and the company already has a shape. A separate note explains why the editing card spans the grid: collapsing the section to one column mid-animation froze the open panel part-drawn against a height measured at the old width.

The problem
  • A flat list forced linear scanning to find anyone.
  • Crew membership was invisible without opening each person.
Sound familiar?
What you get
You look where the person works instead of reading every name.
Renaming a crew renames it on this screen automatically.

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →