Atalef is HRtech startup with the technology of matching talent and recruiters based on a unique model. During the work, an interface was developed for 3 roles and a CMS to manage the platform. The peculiarity of the work was in the short term and the absence of a detailed technical task.
Objective: develop a platform from 0
I was responsible for:
First of all, I expanded the list of competitors using a Google search to 9 companies. I went through the flow of talent and the hiring manager, took screenshots of the desktop and adaptive versions of the sites.
At the beginning of the work, 2 competitors dropped out immediately due to the rawness of the product, many things did not work at all. From the remaining 7, I chose 3 on which I based my work in the future. This was djinni.co, skyworker.ai and hirin.co.
The screenshots are analyzed for functionality that must be there, as well as ideas that are worth or would be good to use.
During the session with the product manager, it was recognized that there should be only one button for registration on the main page, without dividing it into different roles. According to this, the selection of the user type is already in the middle of the registration flow. The amount of information that the user enters during registration should be kept to a minimum to start selecting vacancies. This resulted in 5 steps: 1 for choosing the profile type, 3 with registration and 1 for checkout.
After registration, the user gets to the dashboard, which collects the latest and most relevant information according to his role.
In order to speed up the work the design concept was ordered to a third-party designer. I wrote a technical assignment. While I was creating the other pages, the designer was creating the concept.
3 pages were chosen to create the concept, which is of the biggest importance for the promotion of the product in the future: Dashboard, Hard and Soft skills.
The designer created a dark and light theme. At the board meeting, it was decided to use a light theme first, and to develop a dark theme later as an additional functionality.
I have several years of experience working with design systems, I understand their importance when creating a product. Therefore, one of the first things I do is start building the skeleton of the future DS, based on the experience I gained at Moneyveo.
Since all layouts used the design system, time it took to convert wireframes into layouts took several days. At that time, 25-30 unique pages were created.
Based on the above problems and the experience of working with developers, I began to break the information into small portions so that it would be easier for front-enders to perceive them.
Also, this approach helps to find additional pages that were not thought of before, and all possible pop-ups.
Separately, I display the logic of transitions, different states of pages, the logic of a separate functionality.
During the work, the designer leaves behind a lot of garbage: redundant layers, unnamed layers, identical frame names, and blunders.
Over the years of work, I have created a design checklist for myself, which I use after finishing work to bring all layouts to a common denominator.
Lots of custom functionality
After the completion of the main works, I convinced the management that it is worth creating a CMS based on the existing DS by the designer, and not by developers in a hurry. Because internal processes are no less important, fast and convenient work in CMS will directly affect our efficiency.
The administrative part was created and approved by the product manager within a month of work.
During work with developers, they asked for an additional extension for tablets to make it easier for them to adapt. Also make the minimum screen resolution not 320, but 360 pixels.
At the time of setting the task, we had approximately 80 pages and 30 pop-ups. Due to the use of autolayouts, the entire work took 3 working days.