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.
Persona
Use Case

This is the first complex system I’ve been fully responsible for as the chief designer, leading the design from 0 to 1.

From 0 to 0.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 Minimal Viable Product (MVP), which was quite scratchy.
Functions
It’s just usable—users can log in, view interview results, and configure flows, no other functions.
Interface & Elements
The basic structure of the interface is out there, all components like buttons, texts, checkboxes are all hand-written by front-end developers.
Experiences
The experience is fragmented and doesn’t form a complete journey. For example, our development team still has to manually support certain tasks, such as creating job postings.
From 0.1 to 0.6
Restructuring
The Minimal Viable Product (MVP) quickly became unsustainable due to a surge of new product requirements. Our initial assumptions and system architecture proved too limited, and the existing framework struggled to support the growing complexity. As a result, we initiated a complete restructuring of the system.
Candidates
All users who scanned the enterprise interview QRCode or invited by WeChat links will become candidates of the enterprise. Candidates will be shown in the list page and detail page.
Positions
Enterprise users, usually HRs or department managers, can create job positions and add descriptions in details. This will be seen by candidates when they start the interview.
Interview Procedures
Procedures are another facet of the core experience beside candidates and positions. Administrators can define the interview steps and interview questions here.
Departments
We enable our customer enterprise to configure their departments on their own willingness. Different departments have different authorities and settings.
Settings
We believe flexibility is key—enabling enterprises with different requirements to use our standard product seamlessly. To support this, we provide highly customizable settings that adapt to a wide range of business scenarios.
Dashboard & BI
This is the central place where users can access all the data that matters to them. Our Business Intelligence (BI) module also supports user-defined configurations, allowing data to be displayed through customizable and visualized formats.
Functions
After restructuring, many functions were added to the system, making it a fully functioned product.
Interface & Elements
The interface is more polished and united, although most elements are still hand-written, and not systematic.
Experiences
The experience is comprehensive, users can complete the entire journey independently, without assistance from our development team.
From 0.6 to 0.9
Design System
As more modules and features were added, the need to complete the design system became increasingly urgent, 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.
Disorganized, inconsistent styles
Systematic, organized styles
Functions
We removed irrational and overly customized features, and delivered a robust, standardized product.
Interface & Elements
Over 95% of the styles and components now follow the Avocado Design System, effectively eliminating complaints about inconsistency.
Experiences
We no longer receive complaints about the experience from external customers. Our internal users — HRs and hiring managers — find it smooth to use with no blockers.
From 0.9 to 0.99
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.
‍

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.

Success Metrics
Finished
10M+
interview sessions
since 2019
Helped
200+
companies interview
their candidates
Handle
1,000+
interviews every day
for Foxconn
Saved
¥7M
in recruitment costs
for Foxconn
Saved
3,000+
working hours for
the HR teams
Generated
2+
return on investment
(ROI)
Overseas Media Coverage
Under the lens of TV Tokyo’s Shanghai bureau, Avocado showcased its AI interview technology at its Beijing headquarters. The coverage was part of NMS (News Morning Satellite), an economic news program that has aired since 1998, known for its slogan “New Era, New Economy” and its focus on cutting-edge global technology applications. In this segment, NMS conducted an exclusive interview with Avocado Tech to explore how AI is being applied in corporate recruitment as part of their China Tech series.
Shuai Design
2025@Shuai Zhou. All Rights Reserved