Interviews Unstressed

For this project, we clearly divided the areas of responsibility. The AR agency's team handled the copywriting, design, backend development, and promotion. We took charge of the frontend development, quiz logic programming, third-party service synchronization, and analytics setup.

Our team’s objective was to transform the design mockups and server logic into a seamless user journey. We needed to architect the client side so that the user's interaction with the neural network felt like a live, continuous dialogue.

The primary challenge was the specific nature of the AI quiz: all content, including the AI's evaluation of the answers, was generated dynamically, which drastically increased the complexity of the frontend architecture. Given the high profile of the participating brands, there was zero margin for error: the final product had to be technically flawless and fully prepared to handle high volumes of paid traffic.

‍

We began by mapping out a structure consisting of 7 logical screens and 3 modal windows using native Webflow functionality. The main difficulty at this stage was designing the interface to accommodate unpredictable server responses. We had to ensure the layout remained completely stable, regardless of the text volume.

Given the AI mechanics, we had to anticipate multiple interface behavior scenarios, developing fallback states for connection drops, server response wait times, and attempt limits.

To manage this logic, we developed a robust custom script (over 32,000 characters). It encompasses seamless fetch requests, response polling, form data validation, screen transition logic, animation control, as well as rendering results on the final quiz screen and pushing intermediate events to our analytics tools.

In terms of interactivity, we integrated the GSAP library directly into the quiz logic. Animations are fired by strict scenarios, such as transitioning between screens or hitting hidden under-the-hood triggers.

A standout technical feature of the project is the voice message recording animation. On our own initiative, we integrated an interactive component that reacts to the user's voice in real time while they record their answer. We firmly believe that such micro-animations breathe life into the product, increase audience engagement, and directly drive conversion growth.

Prior to launch, we integrated Yandex Metrika, configuring 34 distinct goals to accurately track the promo campaign and evaluate traffic performance.

‍

The project was executed and delivered within a two-week sprint, strictly meeting the deadline. The unique architecture of the quiz eliminated all technical risks and ensured absolute stability when interacting with the neural network: during the first month of the promo campaign, the platform successfully processed over 58,000 unique visits without a single technical error.

In partnership with the AR agency, we successfully delivered a truly ambitious project: building a Single Page Application (SPA), integrating AI for real-time feedback generation, and implementing highly responsive animations. It is bold projects like this that propel the HR marketing industry forward and shape entirely new approaches to how brands connect with their audiences.

‍