Asana - Empty States
We analyzed 12 examples of how Asana handles empty states across their product, spanning 6 different approaches: icon with headline and CTA, text-only message, illustration with CTA, dashboard zero state, empty grid, modal overlay.
Empty Grids
Asana — Project > Board view
Empty project Board view with three default columns (To do, Doing, Done), each showing 0 tasks and an inline + Add task affordance
Dashboard Zero States
Asana — Home
Home dashboard showing multiple empty widget cards: My tasks (empty, with + Create task), Goals (with empty team goals prompt and placeholder progress bars), Tasks I've assigned (checkmark icon + body text + CTA), and People (avatar icon + invite prompt)
Asana — Profile page
User profile page showing placeholder/skeleton content for My tasks, Frequent collaborators section with invite CTA, My goals section with empty state text and Create goal CTA, and My recent projects listing one project
Asana — Project > Dashboard tab
Project Dashboard tab showing all metrics at zero: four summary cards (Total completed tasks, Total incomplete tasks, Total overdue tasks, Total tasks) all showing 0, plus chart widgets (bar chart by section, donut chart by completion status, bar chart by assignee, line chart completion over time) all with zero/empty data
Illustration with CTA
Asana — Project > Messages tab
Project Messages tab showing an illustration of speech bubbles with a headline and body text explaining the messaging feature, plus an email address for sending messages
Asana — Inbox > Activity tab
Inbox Activity view showing a completion/caught-up state with a disco ball illustration, headline celebrating no pending notifications, and body text
Asana — Project > Files tab
Project Files tab showing an illustration of documents/attachments with body text explaining that file attachments will appear here
Asana — Search results
Search results page for the query 'search' showing zero results across all types (Tasks, Messages, Projects, Portfolios, Goals) with an illustration of a magnifying glass, headline, body text, and CTA button
Asana — Project > Workload tab
Project Workload tab showing a placeholder illustration of a team workload grid with avatar rows and number columns, plus a headline and body text with a learn-more link
Text-Only Messages
Asana — Project > Overview tab
Project Overview tab showing three empty sections (Connected goals, Connected portfolios, Key resources) each with body text and inline CTAs, plus a Milestones section with an add placeholder
Modal Overlays
Asana — My tasks > Dashboard (with Create goal modal)
My Tasks Dashboard view showing zero-value metric cards at top, with a 'Create a new goal' modal overlay open on top of the dashboard
Icon with Headline and CTA
Asana — Project > Workflow tab
Project Workflow tab showing an onboarding/setup wizard asking how tasks will be added, with workflow section columns (To do, Doing) showing zero incomplete tasks and empty automation rule slots