Productivity · Personal Project

Productivity · Personal Project

Web

Web

ToDoza

ToDoza

Bringing tasks, projects, and calendar into one place

Bringing tasks, projects, and calendar into one place

A task and project management dashboard concept designed to replace the scattered mix of to-do apps, calendars, and spreadsheets people default to — explored end to end, from dashboard to task detail to calendar.

A task and project management dashboard concept designed to replace the scattered mix of to-do apps, calendars, and spreadsheets people default to — explored end to end, from dashboard to task detail to calendar.

Role

Role

UI&UX Designer

UI&UX Designer

Platform

Platform

Web Application

Web Application

Status

Status

Live

Live

Year

Year

2026

2026

Context

Context

Why ToDoza mattered

Why ToDoza mattered

Most task tools handle either tasks, or projects, or scheduling well — rarely all three together. People track priorities in one app, deadlines in a calendar, and project progress somewhere else entirely.

Most task tools handle either tasks, or projects, or scheduling well — rarely all three together. People track priorities in one app, deadlines in a calendar, and project progress somewhere else entirely.

ToDoza set out to explore what a single connected dashboard could look like — one that shows priority, progress, and due dates without switching screens, designed as a personal exploration rather than a live product.

ToDoza set out to explore what a single connected dashboard could look like — one that shows priority, progress, and due dates without switching screens, designed as a personal exploration rather than a live product.

3

3

Core modules unified — Tasks, Projects, Calendar

Core modules unified — Tasks, Projects, Calendar

6

Priority & status states across tasks and projects

Priority & status states across tasks and projects

2

Full theme systems — light & dark

Full theme systems — light & dark

10+

Screens designed end to end

10+

Screens designed end to end

Priority lived apart from deadlines

Priority lived apart from deadlines

Across most task tools, priority tags, due dates, and progress live in separate views, so it takes several taps just to see what needs attention first.

Across most task tools, priority tags, due dates, and progress live in separate views, so it takes several taps just to see what needs attention first.

Project status got buried in spreadsheets

Project status got buried in spreadsheets

On-going project progress is rarely shown next to the day's tasks, so people end up tracking it separately.

On-going project progress is rarely shown next to the day's tasks, so people end up tracking it separately.

No single glance view

No single glance view

The clearest gap was a single home view combining recent tasks, on-going projects, and today's schedule — without opening anything further.

The clearest gap was a single home view combining recent tasks, on-going projects, and today's schedule — without opening anything further.

Switching tools broke focus

Switching tools broke focus

Moving between a to-do app, a calendar, and a project tracker to figure out "what's next" was the most common friction point across the tools reviewed.

Moving between a to-do app, a calendar, and a project tracker to figure out "what's next" was the most common friction point across the tools reviewed.

no formal interviews — but a pattern kept repeating

No formal interviews — but a pattern kept repeating

This wasn't built on formal interviews — this is a pattern pulled from reviewing how people commonly describe friction with existing task tools.

"I have my tasks in one app, deadlines in my calendar, and project status in a spreadsheet. By the time I've opened all three, I've forgotten what I was even checking for."

"I have my tasks in one app, deadlines in my calendar, and project status in a spreadsheet. By the time I've opened all three, I've forgotten what I was even checking for."

Pin icon image

Adapted from real customer support tickets. Personal information has been modified

Adapted from real customer support tickets. Personal information has been modified

GOALS

What we set out to do

What we set out to do

Three goals shaped the direction from the start. Not all of them were equally visible in the UI. All of them mattered to the system.

Three goals shaped the direction from the start. Not all of them were equally visible in the UI. All of them mattered to the system.

"Why does checking status take three different apps?"

"How do you scan priority without reading every line?"

"Can one system hold both light and dark themes from day one?"

APPROACH

Key product decisions

Key product decisions

Before designing screens, I worked through the decisions that would shape the whole system. Each came with a tradeoff.

Before designing screens, I worked through the decisions that would shape the whole system. Each came with a tradeoff.

Pin icon image

01

Group by time, not just list everything

A flat list solved nothing; grouping by today/upcoming made priority scannable, though it meant deciding what counted as "urgent enough."

Pin icon image

02

Keep the dashboard to the numbers that matter

Early explorations packed in more metrics; most were pulled back out, keeping only what someone needs the moment they open the app.

Pin icon image

03

Attach comments and files to the task itself

Instead of routing discussion elsewhere, task detail carries its own comments and attachments.

Pin icon image

04

Design dark mode alongside light mode, not after

Building both from the start meant tags and progress bars had to hold up in both, not retrofitted later.

The New ToDoza

The complete task and project system

The complete task and project system

The final design centers on a dashboard that surfaces tasks and projects together, backed by a detailed task view, a flexible calendar, and a shared projects space.

The final design centers on a dashboard that surfaces tasks and projects together, backed by a detailed task view, a flexible calendar, and a shared projects space.

Priority at a Glance

Priority you can scan, not read

Priority you can scan, not read

Low, Medium, and Urgent tags sit next to every task and project, color-coded consistently across the whole system.

Why this matters. Status shouldn't require reading — it should register in a glance.

Connected Task Detail

Everything about a task, in one place

Everything about a task, in one place

Comments, attachments, and description live directly inside the task view instead of a separate thread elsewhere.

Why this matters. Task tools scatter context across chat apps and drives — keeping it attached removes the need to rebuild it every time someone reopens the work.

Calendar that Zooms

day, week, or month — same system

Day, week, or month — same system

A single calendar view supports day, 3-day, week, and month, so planning a sprint or a single day uses the same interface.

The decision. Most tools force an all-or-nothing choice between a day view and a month view — planning granularity became a toggle, not a tradeoff.

The Design System

Designed with consistency at its core, this system includes reusable UI components, semantic colors, typography, and design standards that streamline product development.

Outcome

What this project explored

What this project explored

As a personal project, ToDoza wasn't rolled out to real users — its value is in fully working through a connected system end to end.

10+ connected screens spanning dashboard, tasks, calendar, and projects.

2 complete theme systems, designed in parallel from day one.

1 consistent priority language applied system-wide.

Reflections & Learnings

What I took away from this

What I took away from this

01
Deciding what deserves visual weight is the real work of a dashboard — not adding more, but taking more away.

01
Deciding what deserves visual weight is the real work of a dashboard — not adding more, but taking more away.

Pin icon image

02

Consistent tags and indicators do more for scannability than well-written copy ever could.

Pin icon image

03

Designing both themes from day one forces better contrast decisions than retrofitting later.

Pin icon image

04

A connected system reveals its weak points once every screen has to agree with every other screen.

Pin icon image

Create a free website with Framer, the website builder loved by startups, designers and agencies.