This is a project I undertook at Appnovation with our design team. The project started as a consultancy project,through which we audited the client’s technical system and suggested that they needed a new project management system. The final product is a web app that allows project managers to manage their project in a quick and easy manner. I joined the team as a designer to create the demo for this system under the lead of my supervisor.
A Medical Company
Appnovation
UI Designer
Building
Sketch
Invision
The primary challenge for this project is we don’t have any information provided by the client, in fact they don’t have such a system existed so the inquiry part is completely blank for us. The team created this design based on our past experience working with medical companies, and the result is pleasant enough to the client as they soon move the development of this project to their priority agenda.
As the system user would be the organization’s VP or high-level project manager, me and my supervisor interviewed our company’s VP to familiarize ourselves with the life pattern of a manager who needs to have his eye on more than a hundred projects. Insights included what he looks for when he opens his dashboard, what information is most important, which operations he performs on a daily basis and which processes he hopes can be automated through the system. Based on the interview and additionally looking through a previous project we completed for another medical company, we were able to create the initial frame for this system.
From the interview, we measure the goal of the system:
Due to the time frame of the project, wedecide to skip the digital wire step and move directly from sketch to high-fidelity mock-up. My supervisor sketched out the design idea and my job was to translate this rough sketch to a high-fidelity mock-up. While the flow and page elements were solid enough, I spent most of the time in design to tailor each module and pay extra attention to the content and visual details.
Gives a quick view of a project's progress and status, as well as allow the project manager to provide a quick update for the project.
Provides an overview for the overall project's progress on each platform.
Displays the current status and progress of all projects to help the manager understand the forecast of the company and its resources.
Use of a donut chart gives a portion view of a project’s status and task progress.
Saves time when creating a project by reusing predefined milestones and employee/vendor data.
A progress bar for each project provides an immediate indication of the project’s state. A more detailed timeline on each project’s page provides the user with greater understanding of what should be done next.
