Team home page designs

8 designs for the page a team admin sees first. Each is built from the named components in the component library, so a mix can be described by name: "NextUp and AttentionList in the main panel, QuickLinks and StatColumn in the sidebar".

Every page draws a made-up team, Coast Range SAR, with the app's own chart code. Pieces marked Needs D4H duties need data SAR Duty does not fetch yet. Group minimums are a new setting. Select Names in the top bar to hide or show the component names.

• 

  A. Inbox

  Coming up and needs attention side by side, under a row of main actions.

  Best for: A team admin who opens the page to clear work.

  1. 12/12: TeamHeader
  2. 12/12: ActionBar
  3. 6/12: ComingUpList | 6/12: AttentionList
  4. 12/12: StatRow
  5. 7/12: ActivityColumns | 5/12: ActivityMap
  6. 12/12: DayCalendar
• 

  B. This week

  The next 7 days as a strip, then what needs doing beside every section.

  Best for: A leader checking what is on before the week starts.

  1. 12/12: TeamHeader
  2. 12/12: WeekStrip
  3. 8/12: AttentionList | 4/12: QuickLinks
  4. 12/12: StatRow
  5. 7/12: HoursLine | 5/12: TopMembers
  6. 7/12: DayCalendar | 5/12: ActivityMap
• 

  C. Task cards

  One card per area, with its state and next step. The cards are the navigation.

  Best for: Seeing at a glance which area needs work, then going straight there.

  1. 12/12: TeamHeader
  2. 12/12: NextUp
  3. 12/12: TaskCards
  4. 12/12: StatRow
  5. 7/12: ActivityColumns | 5/12: ActivityMap
  6. 7/12: IncidentClock | 5/12: HoursLine
  7. 12/12: DayCalendar
• 

  D. Briefing

  The map leads, with the next activity over it and the to-do list as links underneath.

  Best for: The first visit, and teams with most activities located in D4H.

  1. 12/12: TeamHeader
  2. 12/12: MapHero
  3. 12/12: AttentionChips
  4. 12/12: StatRow
  5. 7/12: IncidentClock | 5/12: ActivityColumns
• 

  E. Readiness

  Can the team field each group, and whose qualifications lapse when.

  Best for: Owners planning courses and checking cover.

  1. 12/12: TeamHeader
  2. 12/12: ActionBar
  3. 7/12: GroupReadiness, ExpiryHeat | 5/12: ComingUpList, AttentionList
  4. 12/12: StatRow
• 

  F. Timeline

  One line from 30 days back to 60 days ahead: what happened, what is left, what is next.

  Best for: Seeing drafts and expiries in time, next to what is planned.

  1. 12/12: TeamHeader
  2. 12/12: ActionBar
  3. 12/12: Timeline
  4. 6/12: AttentionList | 6/12: ComingUpList
  5. 12/12: StatRow
  6. 7/12: DayCalendar | 5/12: ActivityMap
• 

  G. Workbench

  A main panel of work, top to bottom, and a sidebar that never changes.

  Best for: Daily use. Work on the left, the team at a glance on the right.

  1. 12/12: TeamHeader
  2. 8/12: NextUp, DraftsToCheck, ExpiringQualifications, ComingUpList | 4/12: QuickLinks, LettersProgress, StatColumn, ActivityMap, TopMembers
• 

  H. Season report

  A poster of the team's year, with today's work in one strip at the top.

  Best for: Showing the team, a board, or a funder what the team does.

  1. 12/12: TeamHeader
  2. 12/12: AttentionChips
  3. 12/12: HeroNumbers
  4. 8/12: NextUp | 4/12: OnCallNow
  5. 12/12: DayCalendar
  6. 5/12: ActivityMap | 7/12: ActivityColumns
  7. 7/12: IncidentClock | 5/12: TurnoutColumns
  8. 6/12: TopMembers | 6/12: RecentIncidents