MerchMaster

(Web)

B2B-портал

Команда

Клиент

MerchMaster

Dprofile

Смотреть кейс

Содержание

Задача

MerchMaster — это ERP-система для управления работой мерчандайзеров.

О проекте

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

Сервис позволяет планировать маршруты, собирать отчёты о посещениях и анализировать результаты работы мерчандайзеров.

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

Задача

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

Цели проекта

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

Проблемы системы

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

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

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

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

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

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

Технологический стек старой версии

Backend: PHP (Laravel)
Frontend: Vue.js
База данных: MySQL

Ускорение системы

Оптимизировали серверную часть
и пересмотрели структуру API.

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

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

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

Оптимизация UX

Внедрили систему фильтрации данных.

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

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

Планирование маршрутов

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

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

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

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

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

Упрощение работы с отчётами

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

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

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

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

Контроль отчётов

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

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

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

Разработка

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

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

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

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

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

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

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

Результат

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

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

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

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

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

Разработка

Фронтенд

Vue.js

Бэкенд

Node.js, Laravel

Кейсы