Task Management App

Task Management App

Task Management App

TYPE

TYPE

Client Project

Client Project

ROLE

ROLE

UX design, UI design, research, design system

UX design, UI design, research, design system

DESIGN TOOLS

DESIGN TOOLS

Adobe XD, Illustrator, paper & pencil

Adobe XD, Illustrator, paper & pencil

A clean and intuitive app to manage tasks, notes, and teamwork with ease.

Understanding the Foundation

Understanding the Foundation

Understanding the Foundation

Aligning business goals, user needs, and real-world scenarios to understanding both the goals and the people using the product, we can create a task management experience that's purposeful, user-focused, and impactful.

Aligning business goals, user needs, and real-world scenarios to understanding both the goals and the people using the product, we can create a task management experience that's purposeful, user-focused, and impactful.

Business Goal

Business Goal

Design a Task management app for web and mobile with a neat and easy-to-use interface that allows users to add & manage tasks effortlessly giving an in-app paper experience. Also making it more comfortable for them to collaborate with the team and allow users to group lists and tasks effectively.

Scenario

Scenario

  • Managing and tracking their teamwork proficiently

  • Assigning tasks to other members

  • Create reminders and set due dates

  • Prioritizing each task on a different level

  • Keeping progress for productivity on a daily, weekly, and monthly basis

  • Categorizing each task or project accordingly i.e. personal, education and work

Target audience

Target audience

The app is a digital platform for adding and managing tasks for users to have an effortless and hassle-free experience. Mainly the targeted audience will be meant to operate on product management in huge organizations, mid-level businesses, small businesses, and many more working environments.

Stakeholder

Stakeholder

Investors

Product Manager

Product Owner

Peers

Subject matter experts

Understanding Users

Understanding Users

Investors: Identify milestones & goals

Product Managers: To conveniently create a project management plan

Product Owner: Successfully delegate tasks to the right people

Peers: To prioritize tasks, manage time and meet deadlines.

Competitive Analysis – Part 1: Visual Breakdown

Competitive Analysis – Part 1: Visual Breakdown

Competitive Analysis – Part 1: Visual Breakdown

To better understand the current landscape of task management tools, I analyzed platforms like Trello, Todoist, Evernote, and Atlassian. Each was reviewed for its Unique Selling Points (green), core features (yellow), and user testimonials (purple).


I captured screenshots of their interfaces to visually compare design approaches and user journeys. This helped highlight what works well across the industry and where there are opportunities for improvement in terms of usability, visual hierarchy, and feature prioritization.


This analysis directly informed the direction of the app, especially in crafting a cleaner interface and building more intuitive user flows.

Competitive Analysis – Part 2: Feature Comparison Chart

Competitive Analysis – Part 2: Feature Comparison Chart

Competitive Analysis – Part 2: Feature Comparison Chart

To gain a broader perspective on the task management landscape, I created a platform comparison chart covering four leading tools—Trello, Todoist, Evernote, and Atlassian.


Rather than focusing solely on features, this chart includes a variety of key product aspects that influence the overall user experience:


  • Built-in Templates

  • Meeting Deadlines

  • Task Priority

  • Search experience

  • Paper experience

  • Note-taking

  • Navigation

  • Recommendations

  • Price

  • Rating
    (Play store)

  • Website experience


This analysis helped highlight what users are already accustomed to and what gaps exist, informing which elements to retain, improve, or rethink in the product strategy.

Key Features Identified

Key Features Identified

Key Features Identified

Based on the competitive analysis, I outlined a set of must-have features that would make the Task Management System both functional and user-friendly:

Based on the competitive analysis, I outlined a set of must-have features that would make the Task Management System both functional and user-friendly:

  • User friendly and Easy Accessibility for user to not get complicated while adding or managing a task.

  • User friendly and Easy Accessibility for user to not get complicated while adding or managing a task.

  • Real Paper Experience: though the app is digital but want to give a real writing experience. (sticky notes, quick add tasks, etc.)

  • Real Paper Experience: though the app is digital but want to give a real writing experience. (sticky notes, quick add tasks, etc.)

  • Task Prioritization

  • Task Prioritization

  • Add filters and labels

  • Add filters and labels

  • Differentiates projects, can personalise task views.

  • Differentiates projects, can personalise task views.

  • Set goals (daily, weekly, monthly) and tracks your productivity accordingly.

  • Set goals (daily, weekly, monthly) and tracks your productivity accordingly.

  • Connect to email and can forward email to Todoist as tasks or comments.

  • Connect to email and can forward email to Todoist as tasks or comments.

  • Interactive Whiteboard

  • Interactive Whiteboard

  • Provides preference of light and dark mode

  • Provides preference of light and dark mode

  • Shortcut for search, simply search words in notes, photos of whiteboards, pdfs and documents.

  • Shortcut for search, simply search words in notes, photos of whiteboards, pdfs and documents.

  • Advance search options - using Boolean operators (AND, OR and NOT)

  • Advance search options - using Boolean operators (AND, OR and NOT)

  • Roadmaps set timeline with teams

  • Roadmaps set timeline with teams

  • Export roadmap through image with filtration freedom

  • Export roadmap through image with filtration freedom

  • Option for team and admins management separately.

  • Option for team and admins management separately.

  • Enable / disable any feature.

  • Enable / disable any feature.

  • AI guidance to accomplish a specific task (Suggests plan or useful resources to start/complete the task).

  • AI guidance to accomplish a specific task (Suggests plan or useful resources to start/complete the task).

  • Differentiate work in work, personal and education groups to not jumble them.

  • Differentiate work in work, personal and education groups to not jumble them.

  • Different Workspace views:

• Grid View

• List View

  • Different Workspace views:

• Grid View

• List View

User Personas

User Personas

User Personas

Identifying key user personas to guide the design, ranging from solo users managing daily tasks to teams collaborating on shared projects. Their needs shaped features like task grouping, team views, and easy in-app navigation.

Identifying key user personas to guide the design, ranging from solo users managing daily tasks to teams collaborating on shared projects. Their needs shaped features like task grouping, team views, and easy in-app navigation.

Visual Design

Visual Design

Visual Design

The visual design focused on creating a neat, minimal, and paper-like interface across both web and mobile. The goal was to make the experience feel light, familiar, and distraction-free, while still being highly functional.

The visual design focused on creating a neat, minimal, and paper-like interface across both web and mobile. The goal was to make the experience feel light, familiar, and distraction-free, while still being highly functional.

Web App

Web App

Web App

Dashboard

Dashboard

Dashboard

Tasks

Tasks

Tasks

Calendar

Calendar

Calendar

Roadmap

Roadmap

Roadmap

Dashboard

Tasks

Calendar

Roadmap

Design System

Design System

Design System

To ensure consistency and efficiency across the Task Management System for both web and mobile, I created a comprehensive design system. It includes typography, color tokens, components, icons, and interaction patterns that align with the product’s goal of delivering a clean, intuitive, and paper-like experience. The design system helped maintain visual clarity, improve scalability, and speed up the UI process—while also supporting seamless collaboration, task grouping, and team communication within the app.

To ensure consistency and efficiency across the Task Management System for both web and mobile, I created a comprehensive design system. It includes typography, color tokens, components, icons, and interaction patterns that align with the product’s goal of delivering a clean, intuitive, and paper-like experience. The design system helped maintain visual clarity, improve scalability, and speed up the UI process—while also supporting seamless collaboration, task grouping, and team communication within the app.

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