MerchMaster — в несколько раз ускорили ERP-систему и облегчили работу мерчендайзерам

Оптимизировать систему MerchMaster, чтобы ускорить её работу и сделать удобной для пользователей.

MerchMaster — ERP-система для управления мерчендайзерами и контроля продаж в ритейле. Она помогает производителям следить за выкладкой товаров, проверять соответствие цен и координировать работу сотрудников в магазинах по всей стране.

Пользователи сервиса: сотрудники бэк-офиса, мерчендайзеры, супервайзеры.

Компания столкнулась с проблемами:

— Система работала медленно — загрузка списков товаров занимала несколько минут.

— Интерфейс был неудобным, что затрудняло работу с большим объёмом данных.

— Планирование маршрутов мерчендайзеров требовало много времени и ручного труда.

— Сложный процесс работы с отчётами создавал ошибки и замедлял аналитику.

— Не было контроля за реальными перемещениями сотрудников, что позволяло отправлять фиктивные отчёты.

Главная цель — переделать систему так, чтобы она стала быстрее, удобнее и эффективнее как для мерчендайзеров, так и для сотрудников бэк-офиса.

— Ускорили работу системы.

Оптимизировали серверную часть, переопределили структуры данных и алгоритмы формирования выдачи. Переписали большинство роутов API, передавая только необходимые данные, что снизило нагрузку на сервер. Теперь даже большие массивы информации загружаются за секунды вместо нескольких минут.

— Обновили интерфейс.

Внедрили систему фильтрации данных, чтобы мерчендайзеры могли быстро находить нужные товары и отмечать их проверку. Теперь списки можно фильтровать по категориям: например, продукты, бытовая химия и так далее.

— Разработали редактор шаблонов посещений.

Теперь супервайзеры могут заранее создавать расписания для мерчендайзеров, указывая дни недели, торговые точки и конкретных сотрудников.

— Оптимизировали работу с отчётами.

Разработали интерактивный WYSIWYG-редактор, который заменил неудобное редактирование в Excel. Теперь пользователи могут загружать данные из Excel и сразу вносить изменения через удобный веб-интерфейс без дополнительных шагов.

— Ввели контроль геолокации.

Интегрировали картографический сервис, который фиксирует местоположение мерчендайзера в момент отправки отчёта. Если сотрудник попытается отправить отчёт, находясь вне магазина, система это зафиксирует и предупредит руководство.

— Переработали технологический стек.

Разделили бэкенд: Laravel (PHP) отвечает за обработку стандартных задач, а Node.js используется для работы с большими объёмами данных. Оптимизировали MySQL, добавив индексацию для часто используемых полей, что ускорило сложные запросы.

В старой версии сервиса был ряд проблем, которые снижали эффективность контроля за продажами и выкладкой товаров. Всё это негативно влияло на бизнес клиента.

1) Система работала медленно.

Списки товаров для проверки в конкретном магазине могли загружаться по 5 минут. Мерчендайзеру приходилось просто стоять и ждать, пока загрузится весь список, что ему нужно проверить.

2) Неудобный интерфейс.

Чтобы найти товар, который нужно отметить, нужно было листать огромные таблицы. Это тоже отнимало много времени.

3) Редактор расписаний был сложным и неудобным.

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

4) Неудобная работа с отчетами.

Мерчендайзеры получали список товаров для проверки через Excel-файлы. В них были большие массивы данных, которые было сложно просматривать и редактировать. Если нужно было внести изменения, приходилось корректировать данные прямо в Excel, а затем заново загружать файл в систему. Это отнимало много времени и часто приводило к ошибкам.

5) Недостоверные отчеты.

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

Основная причина медленной работы старой версии сервиса — система не была оптимизирована для работы с большими объемами данных.

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

Также переписали почти все роуты API, чтобы передавать только необходимые данные. Ранее система передавала слишком много лишней информации, что замедляло работу. После оптимизации объём передаваемых данных стал меньше, что уменьшило нагрузку на сервер и клиентскую часть и ускорило процесс загрузки страниц.

Внедрили систему фильтрации данных. Раньше все товары магазина отображались в одном длинном списке, который было неудобно прокручивать. Теперь данные можно фильтровать по разным параметрам. Например, по категориям — продукты, бытовая химия и так далее. То есть пользователи могут выбирать, какие группы товаров или информации нужно вывести на экран в конкретный момент.

Такое решение значительно упрощает навигацию и поиск нужных позиций из огромного списка.

Разработали удобный редактор шаблонов посещений для супервайзеров. Супервайзеры могут легко составлять расписания, учитывая дни недели и конкретные торговые точки. Шаблоны можно настраивать для разных мерчендайзеров, что позволяет гибко управлять рабочим процессом.

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

1. Супервайзер создает шаблон посещений, выбирая нужные дни недели и торговые точки.

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

3. Система позволяет быстро просматривать и при необходимости корректировать созданные шаблоны.

Такая система значительно упрощает планирование работы мерчендайзеров. Например, супервайзер может быстро создать шаблон на неделю для команды из 5 мерчендайзеров, распределив между ними 50 магазинов. Система позволяет легко назначать повторяющиеся визиты, учитывать выходные дни и особенности каждой торговой точки.

Разработали интерактивный WYSIWYG-редактор и интегрировали работу с Excel.

Мы создали редактор, который позволяет в один клик редактировать информацию по заданиям для мерчендайзеров. Это заменило неудобную работу с Excel-файлами и значительно сократило время на редактирование данных.

Также мы сохранили возможность загрузки данных из Excel-файлов. Но теперь эта функция интегрирована с новым редактором. Пользователи могут загрузить базовые данные из Excel, а затем легко вносить изменения через удобный веб-интерфейс.

Теперь нет необходимости постоянно переключаться между Excel и системой, все изменения можно вносить напрямую в удобном веб-интерфейсе. Это не только сэкономило время сотрудников, но и снизило вероятность ошибок при переносе данных между разными форматами.

Интегрировали картографический сервис, который помогает проверять достоверность отчётов.

Реализовали систему, которая фиксирует гео-точку в момент, когда мерчендайзер отправляет отчёт о посещении магазина. Если он отправит отчёт, например, из дома, система это зафиксирует и подсветит в системе управления.

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

Переработали систему MerchMaster, используя современные технологии, чтобы она стала быстрее, надежнее и удобнее для пользователей.

Бэкенд мы разделили на две основные части:

1) Laravel (PHP) для обычных задач. Мы оставили Laravel для обработки большинства запросов. Это проверенный инструмент, который хорошо справляется с типичными задачами веб-приложений. Он отвечает за авторизацию пользователей, обработку простых запросов и работу с базой данных.

2) Node.js для работы с большими объемами данных. Мы добавили сервер на Node.js для обработки больших массивов информации. Например, когда нужно загрузить список из тысяч товаров, этим занимается именно Node.js.

Фронтенд: Vue.js.

Сохранили Vue.js как основной фреймворк для клиентской части. Этот фреймворк позволяет создавать быстрые и интерактивные интерфейсы. Vue.js поддерживает работу как на десктопах, так и на мобильных устройствах, что делает систему удобной для всех пользователей​

База данных: MySQL.

Продолжили использовать MySQL, но оптимизировали работу с базой данных. Мы оптимизировали запросы, добавили индексацию для часто используемых полей. Это сократило время выполнения сложных выборок. Теперь система быстрее обрабатывает запросы, даже при работе с большими объемами данных​.

Сократили загрузку списка товаров с нескольких минут до пары секунд.

Клиент получил систему, которая работает без задержек. Теперь мерчендайзеры не стоят по 5 минут у полки, ожидая загрузки списка товаров. Вся информация появляется на экране за считанные секунды. Система без проблем обрабатывает большие массивы информации, например списки товаров и отчеты о проверках, не зависая и не замедляясь. Это особенно важно для работы с сетями, в которых тысячи магазинов и сотни тысяч товаров.

Сервис стал удобнее для мерчендайзеров. Благодаря фильтрам по категориям, они легко находят нужные товары, быстро отмечают выполненные задачи и отправляют отчеты.

Супервайзерам тоже стало легче работать с сервисом. В обновлённом редакторе маршрутов они могут быстро составить план, кому из мерчендайзеров и в какой магазин идти, на неделю или месяц вперёд.

Ещё теперь видно, где на самом деле находился мерчендайзер, когда отправлял отчёт. Так никто не сможет обмануть компанию и отправить липовый отчёт.