top of page
UI design

TeamProManager

Task Manangement System

TeamProManager is a task management system I designed for Syspro Infotech. This project was my first experience with designing corporate, professional system. 

tpm-mock.jpg
MY ROLE

After joining the company, I was immediately assigned to this project, where I had to design an entirely new task management system for the company. This was a short and easy project to handle. My role was of that of a UX/UI Designer.

MY GOAL

The company had several small projects, and tasks that they were finding difficult to keep track of. As soon as I started at the company, I took the initiative to work on this project, by putting forward a proposal to design a new system. 

PROCESS

The process was fairly easy for me as the stakeholders and project managers had a clear idea of how they wanted the design to look like. They had a preconceived idea of all the elements they wanted to see in the design and their functions. 

tpm wireframes.png

Who is it For?

This project was primarily developed for the employees of the company. It was designed for internal use. The primary users of this system were the employees of the company. These included designers, developers, project managers, the operations team and one human resources representative. 

Problem

The company couldn't keep track of several small projects and tasks. So we decided to build our own small-scale task management system. The company developers had developed only two functional pages to carry out basic functions. However, they needed a complete system for better functioning. Additionally, The user flow wasn't planned properly.

Screenshot 2024-03-16 at 10.51.50.png
Screenshot 2024-03-16 at 10.54.03.png

How did I Help?

Group 1138.png
Wireframes

For this project, I designed a very small number of wireframes. The only wireframes that I designed were the main pages that were going to be used the most by the employees.  

UI Design

I designed the Interface using a monotone colour scheme. This was done at the request of the project manager who initially wanted the design to stick to the colour of the company logo. However, I proposed a new colour for its professional look.

Index.png
Add Task.png
Projects.png
My Profile.png
Dashboard.png
Edit Project.png
Tasks.png
Employees.png

Outcomes and Takeaways

  • Although it was for internal use I learnt the importance of UX side of a website.

  • Using user flows and wireframes and following a design process will result into a seamless and smooth interface. 

bottom of page