[Goals & Challenges]

Problem

Teams often struggle with task management systems that lack clear feedback processes, have inconsistent user experiences, and make tracking progress difficult, leading to workflow inefficiencies.

Goal

Create a clear interface that enables effective task organisation, clear feedback loops, and increased team productivity through thoughtful system design.

[Research & Discovery]

Competitive Research Summary

Evaluated leading project management platforms including Asana, Trello, and Monday.com to identify best practices and differentiators. Discovered opportunities in the market for better visual categorisation and more dynamic feedback systems.


User Flow

This user flow captures the core experience within the Workon dashboard—from setting up a new project to actively managing progress. It illustrates how users create projects, assign tasks, and update statuses, enabling teams to stay organised, aligned, and efficient throughout the project lifecycle.

[Design Process]

Wireframes

The wireframes include a clean dashboard overview, task filtering by status and priority, a kanban-style board for project workflows, and a threaded messaging system. My focus was on clarity, modularity, and scalability. Each screen serves a clear purpose while maintaining consistency across layout, navigation, and interaction patterns.

High-Fidelity UI Design

I brought the Workon interface to life with a clean, modern UI. Each screen was designed with consistency in spacing, typography, and component styling to support user-friendly navigation and task management. From the project board to the personalised dashboard, the UI supports quick scanning and task prioritisation. I also introduced subtle visual cues such as status colours, role labels, and interaction feedback to improve clarity without overwhelming the user. The result is a flexible and scalable UI that enables teams to work seamlessly across tasks, messages, and projects within one cohesive space.

High-Fidelity UI Design

I brought the Workon interface to life with a clean, modern UI. Each screen was designed with consistency in spacing, typography, and component styling to support user-friendly navigation and task management. From the project board to the personalised dashboard, the UI supports quick scanning and task prioritisation. I also introduced subtle visual cues such as status colours, role labels, and interaction feedback to improve clarity without overwhelming the user. The result is a flexible and scalable UI that enables teams to work seamlessly across tasks, messages, and projects within one cohesive space.

High-Fidelity UI Design

I brought the Workon interface to life with a clean, modern UI. Each screen was designed with consistency in spacing, typography, and component styling to support user-friendly navigation and task management. From the project board to the personalised dashboard, the UI supports quick scanning and task prioritisation. I also introduced subtle visual cues such as status colours, role labels, and interaction feedback to improve clarity without overwhelming the user. The result is a flexible and scalable UI that enables teams to work seamlessly across tasks, messages, and projects within one cohesive space.

High-Fidelity UI Design

I brought the Workon interface to life with a clean, modern UI. Each screen was designed with consistency in spacing, typography, and component styling to support user-friendly navigation and task management. From the project board to the personalised dashboard, the UI supports quick scanning and task prioritisation. I also introduced subtle visual cues such as status colours, role labels, and interaction feedback to improve clarity without overwhelming the user. The result is a flexible and scalable UI that enables teams to work seamlessly across tasks, messages, and projects within one cohesive space.

[Style Guide]

Typography and Colours

The Workon visual identity combines a bold, modern logomark with a vibrant, accessible colour palette and the Poppins typeface for clean readability. The chosen typography and colour system reinforce clarity, energy, and hierarchy across the interface, supporting both functionality and brand personality.


Typography and Colours

The Workon visual identity combines a bold, modern logomark with a vibrant, accessible colour palette and the Poppins typeface for clean readability. The chosen typography and colour system reinforce clarity, energy, and hierarchy across the interface, supporting both functionality and brand personality.


Typography and Colours

The Workon visual identity combines a bold, modern logomark with a vibrant, accessible colour palette and the Poppins typeface for clean readability. The chosen typography and colour system reinforce clarity, energy, and hierarchy across the interface, supporting both functionality and brand personality.


Typography and Colours

The Workon visual identity combines a bold, modern logomark with a vibrant, accessible colour palette and the Poppins typeface for clean readability. The chosen typography and colour system reinforce clarity, energy, and hierarchy across the interface, supporting both functionality and brand personality.


Results and Impact

The design brought clarity and efficiency to the entire platform. Team members could easily navigate between tasks, messages, and projects while clearly understanding categories and ownership. The feedback system improved communication, and the overall layout supported faster decision-making. The result is smoother workflows and more efficient collaboration across the workspace.

The design brought clarity and efficiency to the entire platform. Team members could easily navigate between tasks, messages, and projects while clearly understanding categories and ownership. The feedback system improved communication, and the overall layout supported faster decision-making. The result is smoother workflows and more efficient collaboration across the workspace.

The design brought clarity and efficiency to the entire platform. Team members could easily navigate between tasks, messages, and projects while clearly understanding categories and ownership. The feedback system improved communication, and the overall layout supported faster decision-making. The result is smoother workflows and more efficient collaboration across the workspace.

The design brought clarity and efficiency to the entire platform. Team members could easily navigate between tasks, messages, and projects while clearly understanding categories and ownership. The feedback system improved communication, and the overall layout supported faster decision-making. The result is smoother workflows and more efficient collaboration across the workspace.

Like what you see?
Let’s Work Together

Like what you see?
Let’s Work Together

Like what you see?
Let’s Work Together