Apollo Ticketing System

Optimizing Workflow UX in a Project Management System

Roles
UX/UI Designer, UX Researcher
Project
Project Management Website
Project Type
UX/UI Design
Project Explanation

Overview

Apollo is a project management website for project managers and customer support teams that utilizes a simple, unified layout and UI design which allows users to focus on managing their work in an effective and intuitive way. Users will be able to create and manage tasks, create different views to view their tasks (e.g. seeing their tasks as a list, calendar, or board), track time spent on tasks, keep track of customer or client details, and create custom reports that give them insights into their productivity.

Josh writing in his agenda with his computer opened toward him.A gridded notebook with sketches of wireframes.A gridded sketchbook sitting next to an agenda.A digital screenshot of a site map.
Low-Fidelity

Early Sketches

The low-fidelity sketches of the design consist of: 

  • hand-drawn sketches
  • a site map
  • an affinity map
A screenshot of a digital user test.A screenshot of a digital user test.A screenshot of a digital user test showing results
Initial Design + Research

Methods

After completing the initial design, I created a survey that included a set of questions related to each page of the initial design. These questions were designed to be open-ended and to elicit detailed feedback from participants. A couple examples of the questions are, "Would you find this view/feature beneficial to you?", and "Is there anything you would do to improve this view/feature?". I then recruited 19 participants to partake in the survey, which could be done online. Once the surveys were completed, I collected and analyzed the data, using a qualitative data analysis software called Useberry. The results of the survey were then used to inform and improve the design of the product.

An image depicting the Tasks page of the project.An image depicting the Calendar page of the project.An image depicting the Kanban page of the project.An image depicting the task description page.An image depicting the Projects collection page of the project.An image depicting the project description page.
High-Fidelity

Final Design

The design features a simple, and intuitive layout in order to reduce the time it takes users to learn the website, so as to make their workflow an easy, thoughtless process. This allows users to focus more on their work, rather than fighting a system that doesn't take their needs into consideration. The final design includes 3 different task views that the user could chose from: (1) a list view, (2) a calendar view, and (3) a board view. This allows project managers and customer support teams to select the view that suits their needs best. The task page itself is designed to be a pop-up layout in order to reduce the amount of trailing breadcrumbs the user must click through in order to view a task page. This allows the user to engage with a task quickly, without losing their place once they are finished with the task. Lastly, the project page is highly organized and includes a collection of related tasks that pertain to a given project.

User Feedback

What People Have Said

This design feels incredibly comfortable and familiar and like something I would use at my job everyday. It's the kind of application that I could picture myself clicking through without much thought, which is exactly what an application like that should be like.

Jane Schwartz

One of the things I really liked was all of the different color coding for various things like labels, statuses, progress bars, and diagrams. The software truly feels like a premium software for what (I assume) PM's need to do, and I think it is a real contender for replacing your current system.

Nathan Chun

This project looks really good. As I previously said, it's very well thought out and covers all of the aspects I can think of regarding project management. I think the additional adjustments are definitely helpful as well.

Elissa Rodney-Joseph

The level of depth this project has is truly appreciated. No matter what element I click, it takes me somewhere. The visual design has come out beautifully. I like the list, calendar and board view. The calendar view looks amazing. I like the phases that depict 4 phases with 4 colors in the projects section.

Ashwitha Jathan

You have done a really nice job building out these pages. I like how you have added the archives page as some of those jobs might need to be reopened again in the future. The MyTasks "board" page is by far my favorite way to view everything. As mentioned before, I am familiar with other project management tools and this layout and user interface seem to work very nicely. Great job!

Violet Dashi
Left navigational arrow icon
Right navigational arrow icon