APPLICATION TRACKING SYSTEM (ATS)
Target Users
HRs, Hiring Managers
User Size
500+ companies
Platform
Web
Company
Avocado Inc.

WHY WE STARTED...

This is our second product of our startup company and also the most complex one. After developing the AI interview mini-program (our first product), we realized that users needed a backend management system to track and manage the continuous flow of interviews. As a result, this product forms a complementary part of our product matrix alongside the original AI interview mini-program.

Dashboard serves as an excellent hub for users to monitor the hiring status

Recruitment process enable users to see at which step candidates are currently located. And the process is editable.

In candidate details, HR can get the insights of the candidate, like the video replay of the interview, scores, evaluation criteria, interview reports, suggestions, Pros and Cons, comments, rankings and so on.

The "Job List" page is where HR professionals can view and manage all positions within the organization, whether they are currently open or already closed.

The "Job Details" page enables users to view and edit various aspects of a position, encompassing details such as the job title, descriptions, requirements, benefits, processes, and more.

In candidate details, HR can get the insights of the candidate, like the video replay of the interview, scores, evaluation criteria, interview reports, suggestions, Pros and Cons, comments, rankings and so on.

DESIGN PROCESS

1. Minimal Viable Product
At the beginning, it was crucial for us to quickly build a backend management system to keep up with all the interviews generated by our AI Interview app for our users. So we quickly designed and developed our MVP, which was quite scratchy.
2. Restructuring
When our Minimal Viable Product was launched, we received continuous feedback from users and new product requirements from our product managers. As a result, many new features were added to the product, leading to a complete restructuring.
3. Design System
Once the requirements and restructuring stabilized, the design system became more urgent to complete, as front-end developers and product managers frequently raised concerns about inconsistencies in components and styles. We adhered to the Material Design and spearheaded the design and development of our Avocado Design System.
4. Iteration, iteration, iteration...
Take the interview detail page as an example, I made a series of iterations for the following reasons:
There were too many similar video frames displayed repeatedly. Not only did they take up excessive space, but they were also too small to be viewed properly.
These multiple videos could play and produce sound simultaneously, which caused confusion for users.
The question text and candidate answer transcripts varied greatly in length, making it difficult to align them with the video frame on the left, resulting in a cluttered interface.
The modal dialog didn’t fully utilize the vertical space of the canvas. Despite the fixed area at the top displaying candidate details, the scrollable area below was very limited, which became especially problematic on smaller screens.
I combined multiple small video frames into a single larger one and positioned it over an empty, unused area in the top left.
Clicking on each question now switches to the corresponding video on the left, effectively resolving the issue of multiple videos playing simultaneously.
I transformed the questions into cards, which can easily accommodate varying lengths of question text and candidate answer transcripts.
I replaced the Modal Dialog with a Drawer, gaining more vertical space and freeing up horizontal space for the floating video frame. When scrolling up, the top area shrinks to provide more vertical space for the main content below.
‍
Shuai Design
2025@Shuai Zhou. All Rights Reserved