Project organization screen examples

Dock

Settings page where the user configures a new team by setting its name, appearance palette, members, and project views via a modal.

• Add & Create
• Team Management

Flora

Trash page showing an empty state and a success toast after the user emptied all deleted projects.

• Trash & Archive
• Empty State

Lovable

List view of projects where a modal is open for the user to create a new folder and set its visibility to either the entire workspace or personal access.

• Add & Create
• Filter & Sort

Bird

List view where the user is moving a message template project into a specific folder via a modal overlay.

• Move
• Templates

Variant

Personal workspace home where the user browses saved boards and reads archived notes in a master-detail view.

• Browse
• Files

Morphic

Home screen where the user views their recently edited files and can create a new file or switch to the assets tab.

• Dashboard
• Files

Kinescope

List view where the user manages media files within a specific design project and is currently inviting a new manager via email.

• Invite Teammates
• Team Management

Optimal

List view where the user moves a research study to a different project and folder via a modal dialog.

• Move
• Confirmation

Zapier

List view of automations where a modal prompts the user to move a specific Zap to a project, displaying an empty state when no projects match the filter.

• Automation
• Move

Scale

Creation modal where the user names a new project group and selects existing projects to include in it via a data table.

• Add & Create
• Table

FeatureOS

List view where the user filters and manages a backlog of feature requests using multiple dropdown criteria.

• Filter & Sort
• Table

Huly

Test management library where the user views and organizes test cases, currently showing an empty state with a dropdown menu open to create a new project, suite, or case.

• Empty State
• Table