Cian Career

The Cian team initiated a large-scale revamp of their career website. The project's core objective was to refresh the visual identity, improve technical performance, and enhance engagement and usability for job seekers.

For this project, we divided responsibilities with the AR HR agency: our partners handled client communication, content preparation, and design mockup creation. Our scope of work included pixel-perfect frontend development, animation design, and preparing the codebase for integration into Cian’s closed internal IT infrastructure.

The main challenges were the tight deadlines and the sheer volume of the project. We had exactly five weeks to deliver 13 web pages, while the design mockups were provided asynchronously. We received the content in iterations: a batch of desktop screens, followed by their responsive versions, and then new desktop blocks.

An additional hurdle was the unconventional visual concept, which featured multiple elements detached from a standard grid. We had to perform meticulous work on the responsive design to ensure the composition remained completely stable across all screen resolutions, preserving strict proportions and the vibe of a flawless tech product.

‍

‍

The project was built in Webflow, and we selected the Client-First methodology as our architectural standard. This decision guaranteed a clean codebase for Cian’s in-house developers, who would be taking over the project after our delivery. In total, we developed 29 unique sections, including the homepage and templates for team and employee content. We also built dynamic job vacancy pages, laying down the logic for future integration with the client's corporate API.

When handling images and layouts, we utilized all available fluid measurement units—REM, percentages, vw, svh, and dvh. This approach allowed us to translate the mockups into code with mathematical precision and achieve a clean, stable layout across all devices.

To implement interactive elements and business logic, we wrote 14 custom JS modules (totaling over 37,000 characters). These included form handlers, data validation and input masks, modal and accordion scripts, custom slider controls, an auto-typography script, and other functional components.

To ensure the interface fulfilled its primary goal of boosting applicant engagement, we integrated numerous lightweight animations powered by GSAP. Animated blocks and dynamically appearing headlines infused the site with a modern, friendly vibe without compromising performance.

Regarding the technical foundation, we established a strict heading hierarchy on every page and optimized on-page SEO by integrating Schema.org markup and configuring aria-labels for accessibility. Before handing over the archive to the client, we extensively commented every code snippet and provided framework documentation so Cian's developers could easily deploy the site within their environment.

‍

The project was successfully completed within the allotted 5-week timeframe. We managed to translate the mockup's complex visual language into code, breathe life into the interface, and deliver a seamless user experience along with a welcoming product vibe. Thanks to the AR agency team, Cian received a visually fresh and highly converting tool, while our technical expertise ensured the flawless execution of this concept.

Prior to delivery, we ran a series of synthetic tests, perfecting all key website metrics—Accessibility, Best Practices, and SEO. Our major triumph was the final performance benchmarks in PageSpeed Insights: despite the heavy visuals, abundant animations, and extensive custom code, we scored a 98 in Desktop Performance and an 83 on mobile, vastly outperforming the legacy website's metrics.

‍