TaskSync App
Back Home

Personal Project | Case Study

Timeline
Feb 2025 - Mar 2025
Tools
Figma Illustrator
My Role
UI Designer

Project Overview

TaskSync is a conceptual task management platform designed to simplify collaboration and streamline productivity for individuals and teams. Built with a focus on AI-powered assistance and minimal friction, TaskSync aims to bring smart, intuitive design into everyday task workflows.

This personal project includes a full UI/UX design system, web dashboard, and mobile landing page. It showcases my ability to think in systems, prioritize user goals, and balance clean aesthetics with functional depth.

The Problem

While there are countless task management tools in the market, many suffer from complexity, clutter, and feature overload. This leads to lower engagement and slower onboarding — especially for teams that value clarity and speed.

Overloaded interface example
PROBLEM #1

Overloaded Interfaces

Too many tools try to be everything at once — leading to bloated dashboards that overwhelm users instead of creating a user-friendly experience.

EXAMPLE

Users are presented with excessive options upfront, forcing them to dig through menus and sidebars to perform basic actions.

IMPACT

Users feel cognitive fatigue and are less likely to stick with the product long-term.

Task prioritization example
PROBLEM #2

Lack of Smart Prioritization

Task managers often leave users to manually sort or assign priorities, which adds effort rather than removing it.

EXAMPLE

Important tasks can get buried beneath low-priority items unless users actively manage visibility.

IMPACT

Critical tasks may be missed, and teams lose efficiency in identifying daily action items.

AI integration example
PROBLEM #3

Poor Integration of AI

AI features are often introduced as gimmicks or loud automations, creating distractions rather than value.

EXAMPLE

AI nudges that constantly pop up or make decisions on behalf of the user without context.

IMPACT

Distrust and disengagement from "smart" features that are supposed to help.

Main Objectives

GENERAL GOALS

  • Design a scalable interface for both individuals and teams
  • Position AI as a passive support layer, not a controlling force
  • Reduce clutter while keeping core productivity features intact

UX GOALS

  • Help users focus on what matters most each day
  • Enable fast onboarding with minimal explanation needed
  • Make task management feel intuitive and distraction-free

UI GOALS

  • Clear visual hierarchy for fast decision-making
  • Minimal, calming aesthetic to reduce visual noise
  • Scalable component system for design consistency

Results

Landing Page UI/UX Design
Desktop Landing Page
Web dashboard
Web dashboard
Mobile Landing Page
Mobile Landing Page

Target Users

Team icon
Project managers and team leads
Freelancer icon
Freelancers with multiple clients
Small team icon
Small to mid-sized teams
Remote team icon
Remote teams

Key Features

1. Smart Prioritization Panel

Highlights important tasks at a glance — no digging required.

Research process

2. Daily To-Do List

Keeps focus on actionable, time-sensitive goals.

Information architecture

3. Client Feedback Block

Supports collaborative feedback cycles within task threads, allowing teams and clients to exchange ideas, clarify expectations, and iterate efficiently.

Wireframing process

4. Focus Timer

Encourages deep work with optional Pomodoro-style timeboxing.

Final design

Color Palette

Pure White

#FFFFFF

RGB: 255 255 255

Pastel Periwinkle

#A1A1FF

RGB: 161 161 255

Muted Lavender

#6E76B4

RGB: 110 118 180

Soft Indigo

#6D6DFC

RGB: 109 109 252

Deep Blue Gray

#474A83

RGB: 71 74 131

Vivid Blue

#1010FF

RGB: 16 16 255

Midnight Blue

#020213

RGB: 2 2 19

Indigo

#1A173E

RGB: 26 23 62

Typography

Inter

I chose the Inter font for its modern, clean, and highly readable design. Its geometric yet friendly letterforms make it ideal for digital interfaces, ensuring clarity and ease of reading across all screen sizes. With excellent kerning and well-balanced spacing, Inter enhances both aesthetics and functionality, giving design a professional yet approachable feel.

REGULAR - 400

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

MEDIUM - 500

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

SEMI BOLD - 600

A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z

What I learned

THINKING IN COMPONENTS

  • Creating a reusable design system helped me scale visual consistency and made future iterations much faster.

LESS IS MORE

  • Focusing on usability over senseless appearance taught me how to strip away excess and keep only what supports the user's goal.

PRODUCT THINKING

  • This project challenged me to think more about user psychology and design decisions, that impact development later on.

Next Project

E-commerce Redesign

Available Later

Description is not yet available.

View Project
E-commerce Redesign

Available Later

Description is not yet available.

View Project
Task Management App

Available Later

Description is not yet available.

View Project

Let's create something amazing together

Ready to transform your digital product? Let's discuss how I can help bring your vision to life.

Let's talk