Как «Петрович» создал калькулятор ремонта и сервис для выбора материалов

Компания «Петрович» специализируется на розничной торговле строительными материалами. Наша основная задача – помогать тем, кто отважился на ремонт. 

В какой-то момент мы, как и многие другие ритейлеры задумались, об угрозе маркетплейсов и задали себе вопрос: «А что мы можем такого, чего не могут они?». Ответ пришел достаточно быстро: мы умеем делать сложные и полезные сервисы для наших клиентов. Сегодня я расскажу о двух наших цифровых продуктах: калькуляторе ремонта и сервисе выбора отделочных материалов. 

Калькулятор ремонта

Представьте, что вы собрались делать ремонт. Вы знаете, что нужно купить для установки душевой кабины, унитаза или подвесного потолка. Знаете, что недостаточно купить дверь, необходимо также приобрести коробку, наличники, ручку, защелку и петли. А могут ли маркетплейсы ответить на этот вопрос? Представляете ли вы сами точную стоимость ремонта? Скорее всего, быстро ответить на эти вопросы не получится. Для этого и нужен калькулятор. 

Как мы это делали

Мы позвали людей, которые умеют работать руками и дружат с компьютером. Для начала посчитали все в Excel, а затем пошли в MDM-систему прописывать работы, компоненты, формулы, ценовые категории, аналоги товаров. Так мы создали конструктор, с помощью которого можем считать что угодно. На данный момент мы имеем 12 справочников, отвечающих за работоспособность калькулятора, и огромное количество бизнес-логики, переведенной в код. >Да, сначала вся наша бизнес-логика была заложена в Excel и именно он лег в основу будущего калькулятора ремонта.

Для наглядности представим составляющие ремонтных работ и технологическую структуру проекта в виде кубиков «Лего».

Для проведения ремонта нужны материалы и услуги. Материалы можно разделить на основные, без которых провести работы не получится, и сопутствующие. В зависимости от объема, длины и других параметров мы присваивали материалам различные коэффициенты.

Также для проведения ремонтных работ важно знать:

• нужен черновой и отделочный характер работ;
• для какого помещения/для какой поверхности будет проводиться работа;
• работа является частью какого-то решения или проводится везде.

Так мы собрали сотни «кубиков», на основе которых можем проводить расчеты для любых работ на различных поверхностях.. Мы можем фильтровать по типу поверхности; знаем, какие работы необходимо провести для конкретного интерьера.

Теперь перейдем к чисто технической части.

Программа написана на YAML, имеет модуль JSON API. Всеми справочниками MDM-система обменивается с сайтом через интеграционную платформу MuleESB. На php был реализован интерпретатор формул. Сам калькулятор ремонта реализован на сайте как отдельный компонент. Backend проекта написан на php, frontend – на TypeScript + React и UIkit. C UI KIT у нас, кстати, были определенные проблемы – пришлось несколько раз пересобирать, но зато теперь мы можем использовать функционал и для других проектов.

Как это работает

Сейчас калькулятор ремонта реализован в веб-версии. Пользователь может выбрать интерьер или просто набор интересующих помещений, указать размеры и получить список обязательных, сопутствующих и расходных материалов, а также перечень работ. Далее он может развернуть все эти вкладки и посмотреть уже конкретные товары, а также выбрать аналоги. Может сравнить, например, насколько паркет дороже ламината и сколько он вообще стоит для данного помещения. И понравившиеся результаты сохранить в виде сметы в свой личный кабинет.

Калькулятор — Смета на ремонт по готовому дизайну

 

Калькулятор — Быстрая смета на ремонт

Статистика

 

Выбор отделочных материалов

Выбор отделочных материалов – это задача, которую можно решить разными способами: поехать всей семьей в магазин, походить, потрогать, понюхать, набрать кусочков, поехать домой прикладывать к стенам и думать. Это традиционный Customer Journey Map. Мы решили создать его цифровой аналог: вы сидите дома, открываете приложение, делаете фото и примеряете. Вообще, этот продукт больше для визуального восприятия, а не для расчета, как калькулятор. Результатами примерки можно поделиться, сохранить, добавить в избранное или положить в корзину, а дальше уже принимать решение.

Техническая часть

Никакой магии. С помощью нейронной сети и компьютерного зрения происходит анализ и распознавание фотографий, сделанных пользователями, а специальный алгоритм осуществляет наложение. Сервис функционирует и в IOS-приложениях.

Статистика

 

Строительный калькулятор