interface

Portal pro - house handyman services

Summary

We transformed a local handyman service for 70,000 apartments in St. Petersburg into a scalable digital product. By rethinking the customer and handyman experience, integrating CRM and apps, and improving the website, we reduced request handling time by 32% and built a reliable, modern service for residents.

Initially, the management company serving many residential buildings in St. Petersburg had its own handyman service for 70,000 apartments. Our task was to modernize this service and transform it from a local company into a product ready for scaling to other cities.

Research
We conducted extensive market research:
  • How service systems are organized in St. Petersburg
  • How much we could expand our client base
Customer Pain Points:
  • Unclear pricing
  • The handyman often arrives late
  • The final price is often higher than quoted
  • The handyman leaves a mess
  • No information on how long the work will take
  • Customers are willing to tolerate problems in their apartments because calling a handyman is even more stressful for them
Handyman Pain Points:
  • A lot of time is spent traveling as the jobs are spread across different parts of the city
  • Incorrect information about the job, often lacking necessary materials to complete the work
Conclusion

Both groups are dissatisfied due to the lack of an integrated system.

Problem:

Before, most meeting rooms had simple TVs or screens connected via HDMI. While rooms could be booked through an app, there was no way to see booking info in the room itself. Users could send audio and video through Kramer devices, but couldn’t control what was shown on the screen or customize the layout.

We needed 

a tool that would
Keep everything within the same hardware + software ecosystem

Let users build screen layouts for each room or client

Compete visually with tools like Microsoft Teams Rooms by offering more flexibility and better design
Solution Hypothesis

To address these frustrations and unify the experience for both customers and handymen, we needed to completely rethink how the service worked. We started by carefully mapping the entire handyman process — from booking to job completion — and identifying where confusion and inefficiencies happened.

First Step:
We described all services and set fixed prices and execution times. For the initial test, we selected the most frequent orders.
Second Step:
We created a new handyman workflow. Initially, this was developed and tested as a bot in Telegram.
App and CRM

After a month of testing and collecting feedback, we began developing separate applications for handymen and operators. In parallel, we developed a CRM system, taking an existing third-party service (Elama) as a basis. Because we already had a reference and a list of needed features, we knew what was convenient and what wasn’t

Website and Customer-Facing Tools

Once the internal system for the handyman and operator was ready, we focused on the customer side. We redesigned the main page to highlight the service’s main advantages.

Particular attention was paid to the order form. While creating it, several imperfections of our CRM system were discovered and refined. For many services, we provided up to five different descriptions, so that users could always find what they needed and explain it in their own words. The order form was tested with a closed group for two months before being made available to all users.

Evaluating the Results

After the new system was introduced, we measured the impact using Jira and saw that average task delivery time decreased by 18%. Developer questions to designers dropped by 42%. The development team highlighted how much easier it was to use the tokenized components and reference the new, structured library.

Documentation and Team Presentation

I created a master Figma file for the team with the full structure of tokens, color systems, components, and usage guidelines. I also gave a presentation to the whole team, highlighting the benefits of the new approach:

  • no more hardcoded sizes and colors,
  • unified token usage rules,
  • consistent visual logic and scalable infrastructure.
Conclusion

This project was a major challenge in systematizing a chaotic product. I not only solved the visual inconsistency but also built a foundation for fast and precise interface scaling.

A true design system isn't just about buttons — it's about creating order in the team and the product. I began by gathering all the colors used in Figma and the product, documenting the old palette, analyzing it, and then proposing a new system that would be easy to scale and maintain. I started by creating a structured grayscale palette and then built a three-layer token architecture: Brand (base values), Alias (by purpose — error, primary, neutral), and Mapped (by application — text, surface, border, icon).

Next
Call Quality Control Tool for Americor