Year:
2026
Tools:
Figma
Category:
Web App / Dashboard UI
Overview
Reimagining task management to feel focused, not overwhelming.
Kairo's dashboard surfaces what matters first, task counts, priority, and today's list, so nothing urgent gets buried under clutter or extra clicks.
Problem
Most task tools bury priority under lists and tabs. Users struggle to see what actually needs attention right now, and switching into deep focus work usually means fighting the app's own interface to get there.
Solution
A dashboard that leads with a clear summary layer, paired with a dedicated Focus Mode for single-task sessions. Users move from "what's going on today" to "let me actually do it" without losing context along the way.
Flow
The Kairo Flow
A user opens Kairo and lands on the Dashboard, where summary cards for Total Tasks, Completed, Pending, and High Priority give an instant read on the day, alongside a "Today's tasks" panel for immediate to-dos. From here, the flow branches based on intent: managing the full workload moves someone into Tasks, where the list expands with search, filters, and sorting, while getting straight to work moves them into Focus Mode, either directly from the Dashboard or from a specific task in the Tasks view. Calendar sits alongside Tasks as a date-based view of the same workload, useful when someone thinks in terms of "what's due when" rather than "what's pending." Focus Mode strips away all navigation, showing just a timer, the current task, and a small stats panel tracking sessions and minutes focused. Once a session ends, the user returns to the Dashboard, where their progress updates in the same summary cards they started from. Progress extends this further, turning session history into a broader view of consistency over time, while Settings holds the quieter, less frequent tasks like notification preferences and account details. Together, the six screens split cleanly into two modes: Dashboard, Tasks, and Calendar for planning, Focus Mode and Progress for doing and reflecting, with Settings sitting outside that loop entirely.
Experience
Dashboard
Kairo opens with a clear snapshot of the day, total tasks, completed, pending, and high priority, all visible without digging through menus. A "Today's tasks" panel below keeps the day's actual to-dos visible without needing to leave the screen.
Tasks
From the dashboard, users move into the full task list, filtered by status and priority. Search, filters, and sorting let people find exactly what they need, while the same color-coded system from the dashboard carries over so priority stays easy to read at a glance.
Focus Mode
When it's time to actually work, Focus Mode strips everything back to a single timer and the current task, removing navigation clutter to support one uninterrupted session at a time. A small "Today's Stats" panel tracks sessions and minutes focused, tying the mode back into the same soft-card system used everywhere else.
Outcome
A Loop, Not a Line
Kairo explores how a task manager can hold both a birds-eye view and a single-task focus mode without feeling like two different products. By keeping the same color system, card shapes, and navigation across all three screens, switching between "planning" and "doing" feels like moving through one connected space rather than jumping between disconnected tools. As a concept project, the goal wasn't a finished, shipped product, but a working system that demonstrates how structure and visual consistency can make a simple idea, "help people plan and focus," feel considered rather than generic.
