top of page


Case study


Jun - Aug 2023


  • Research

  • User interview

  • Prototyping

  • Visual design of 2 features.


When at OpenKnect - a government staffing startup, I helped design the Applitrack web app.

Applitrack is a versatile SaaS platform that streamlines application review and empowers staffing managers to assign tasks to employees, including job posters and recruiters.



The current workflow within the internal team is managed using Google Sheets, but it lacks real-time updates and effective management. 


  • ​Create an internal product centered around the staffing team workflow

  • Make the product easy to use for staffing manager to assign tasks, manage employees and evaluate their productivity.

  • Create a communication platform that  requires less daily meeting.



Our first step was to interview the staffing team and get to know their process, business objective and expectation for the project.

Main questions:

  • Can you describe the staffing process and workflow?

  • Which tools do you use?

  • How much time do you spend to complete each task?

  • What are the advantages and challenges of the current workflow?

Key findings:

  • Users shared that they still have to perform manually tasks on Google sheets (such as taking notes, review applicants).

  • The staffing team would meet about 1 hour everyday on Zoom 5 days a week  and communicate via Facebook Messenger.


I have a specific focus on developing two features that highlight HR aspects for the staffing manager:

- Task management

- Team management

User persona

Persona offer a user-centric framework for comprehending and addressing the requirements of individuals, leading to more effective and successful design and marketing initiatives. My 'Staffing Manager' persona was crafted by distilling vital insights gathered from interviews conducted during the empathize phase.

User stories

These user stories focusing on our 'Staffing Manager' persona, Sarah. These themes play a crucial role in creating a well-organized task flow and enhancing the functionality of the web application.

Competitive analysis

I used secondary research to identify the top softwares using leader Matrix, which meticulously assesses product and seller variables for user-informed decision-making.

Feature 1: Task management

Feature 2: Team management


Task management flow

Team management flow

Strengths /weaknesses analysis in context of our user story


Feature 1: Task management wireframe

Feature 2: Team management flow


Our team provided feedback and collaborated with developers on multiple iterations to enhance user experience. 

'Hi fi wirefames


Feature 1: Task Management

To leave a note, simply click the "View Details" button.

Calendar view

Calendar pop-up mode

Task page functionalities

How to assign new task?

Feature 2: Team management

Performance tab

Designing the Performance feature is both challenging and exciting as I'm tasked with creating an effective productivity evaluation system for employees.

I've devised a system based on tasks, categorizing them as done, overdue, or both to measure productivity within a weekly timeline.

Consistent design style to both task management and team features enhances coherence and improves the user experience for managers.

Archived employee tab


My internship at OpenKnect concluded before entering the testing phase. Nonetheless, I experienced substantial growth in UX/UI and honed soft skills as a designer.

The takeaway from  this project

- Google Material 3:
This internship deepened my knowledge in Material 3, refining my skills in modern design principles and interface creation.

- Practical Feature Selection:
Trimming down app features balanced user expectations with technical constraints, ensuring a more feasible development process.

- Crucial Team Collaboration:
The collaboration between design and development teams was essential. Regular communication and feedback sessions enhanced our understanding of technical constraints and user experience goals, resulting in a more refined and feasible web app design.

How can improvements be made?

- Quantifiable Data:

A substantial part of our design decision data was qualitative; incorporating surveys can seamlessly generate quantitative insights, offering a more robust foundation.

- User Confirmation:

Our interaction with potential users concluded post-research, and dedicating more time to wireframe testing could have provided valuable insights.

- Diverse Research Sources:

Acknowledging our reliance on qualitative data, allocating more time to research from various sources is crucial. This mitigates bias and minimizes anecdotal evidence for a more comprehensive understanding.

Thank you for your time :)

More projects?

bottom of page