{"id":2269,"date":"2026-08-19T19:01:00","date_gmt":"2026-08-19T12:01:00","guid":{"rendered":"https:\/\/lazarewww.ru\/cases\/almacrm-2\/"},"modified":"2026-08-19T19:01:00","modified_gmt":"2026-08-19T12:01:00","slug":"almacrm","status":"publish","type":"isotope","link":"https:\/\/lazarewww.ru\/en\/cases\/almacrm\/","title":{"rendered":"AlmaCRM"},"content":{"rendered":"
\n\t\n\n
\n\t\t\t\n\n

About the project:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

AlmaCRM is an in-house tool for the sales team. Our team built all of it, from scratch, to replace the previous system.<\/p>\n\n\n\n

The company sells software to property developers in several countries, and the sales cycle here is long: it takes many steps to get from first contact to a deal, hundreds of clients are in play at once, and the whole team has to run them by rules everyone understands.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
The deal pipeline: stages with a colour, a counter and a total.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Pipeline:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

Deals move through stages on a board: every stage has its own colour, counter and total. A card can be dragged to the next stage, and the set of fields on the card is configurable \u2014 different stages need different things. There are bulk actions and a switch between the board and a table.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"The
The same board in the dark theme.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Deal card:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

A page of its own: on the left \u2014 the stage, the assignee, the company, the contacts with their communication channels, the planned dates and the price calculated from the product catalogue with discounts. On the right \u2014 the activity feed for the deal.<\/p>\n\n\n\n

Three kinds of entries go into the feed: a task, a note and a message. Files live there too, plus a separate tab with the change history \u2014 you can see who changed what.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
The deal card: the data on the left, the activity feed on the right.<\/figcaption><\/figure>\n\n\t<\/div>\n\n\n\n
\n\t\t\t\n\n
\"The
The deal card in the dark theme.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Tasks:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

Two views to choose from. The table \u2014 with configurable columns, sorting and filters. The board \u2014 columns by due date: overdue, today, tomorrow, this week, next week. A team lead sees the workload of the team, a sales manager sees their own day.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
The task board: columns by due date.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Clients and dashboards:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

The database is split into companies and contacts: company type, country, status, assignee, and people linked to their organisations.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t
\n\t\t\t\n\n

The dashboard is assembled from widgets by dragging \u2014 everyone sets up their own workspace. Widgets can be personal or shared with the team.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
The client database: companies and contacts.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

What else is inside:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

Roles and permissions \u2014 administrator, director, sales manager, with departments and team leads; access control is checked on the server, not just by hiding buttons. Reference lists: the pipeline, task types, the product catalogue, countries and cities, exchange rates, acquisition channels, rejection reasons, tags.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
Reference lists and permissions: the pipeline, task types, the product catalogue, roles.<\/figcaption><\/figure>\n\n\t<\/div>\n\n\n\n
\n\t\t\t\n\n

The system is multi-currency \u2014 the rates are kept in a reference list and shown as a live ticker with the daily change. The interface comes in two languages, in a light and a dark theme. Who on the team is online right now is visible in real time.<\/p>\n\n\t<\/div>\n\n<\/div>\n\n\n\n

\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Design system:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

The project has a living design system of its own \u2014 a separate screen with 27 sections that holds the colour and typography tokens, the scale of pipeline stages, the icons, the components, the navigation patterns and the interface states: empty, loading, error, no permissions. It isn’t documentation «on paper» but a working showcase that all development is checked against.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
The living design system: tokens, typography, components.<\/figcaption><\/figure>\n\n\t<\/div>\n\n\n\n
\n\t\t\t\n\n
\"The
The design system in the dark theme.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Mobile:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

On a phone the side rail is replaced by a bottom bar, and the deal card splits into two tabs \u2014 the data and the work on the deal.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n

\n\t\n\n
\n\t\t\t\n\n
\"AlmaCRM
Mobile: the deal board and the bottom bar.<\/figcaption><\/figure>\n\n\t<\/div>\n\n\n\n
\n\t\t\t\n\n
\"AlmaCRM
The deal card on a phone: two tabs.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n
\n\n\n
\n\t\n\n
\n\t\t\t\n\n

My role:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

I built the product from scratch up to the base version \u2014 the one the sales team was moved onto and started working with in production.<\/p>\n\n\n\n

After that the client got not only the system but a tool to keep developing it themselves \u2014 Dev Platform. The product is now taken forward by the client: mostly on their own, and on some tasks with my help.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n\n

\n\n\n
\n\t\n\n
\n\t\t\t\n\n

Stack:<\/h2>\n\n\t<\/div>\n\n\n\n
\n\t\t\t
\n\t\t\t\n\n

Backend \u2014 Laravel, PostgreSQL, Redis, a separate real-time service, permissions enforced on the server. Frontend \u2014 React and TypeScript, custom drag-and-drop boards and a widget grid. Deployed in Docker.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"

An in-house sales CRM written from scratch: a deal pipeline, tasks, a single client database, a dashboard builder and a design system of its own.<\/p>\n","protected":false},"featured_media":2092,"template":"","isotope_tag":[97,98],"class_list":["post-2269","isotope","type-isotope","status-publish","has-post-thumbnail","hentry","isotope_category-web-apps-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope\/2269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope"}],"about":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/types\/isotope"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/media\/2092"}],"wp:attachment":[{"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2269"}],"wp:term":[{"taxonomy":"isotope_tag","embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fisotope_tag&post=2269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}