Автомастер

«Автомастер» — розничная сеть по продаже инструментов и автотоваров. Менеджеры в торговом зале работали через 1С: чтобы оформить продажу или возврат, нужно было каждый раз идти к компьютеру. Цены и остатки обновлялись с задержкой — клиенты на кассе узнавали, что товара нет или стоимость уже другая.

Мы разработали PWA-приложение на React.js, которое интегрируется с 1С через API и работает на любом устройстве — телефоне, планшете или ПК. Менеджер прямо в зале оформляет продажу или возврат, видит актуальные остатки и цены в режиме реального времени, отслеживает свои KPI. Интерфейс намеренно упрощён: только те действия, которые нужны прямо сейчас, без лишних экранов 1С.

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

1. Команда “Автомастера” - сталкивалась с проблемой неактуальной информации о товарах на полках, что вызывало недовольство клиентов и снижение продаж. Просто представьте: клиент хочет купить инструменты, но узнает, что цена уже не та или нужного количества товара вообще нет.
2. Сотрудники вынуждены были часто возвращаться к компьютеру после демонстрации товаров, что снижало гибкость работы и скорость обслуживания клиентов.
3. Использование сложного интерфейса системы 1С создавало неудобства для сотрудников, так как требовало от сотрудников множество взаимодействий с интерфейсом, что снижало скорость операций.

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

Мы регулярно созванивалась с клиентом и его командой разработчиков 1С. Совместно было принято решение, что приложение будет обмениваться данным с 1С по API с запросами в JSON-формате.

Менеджеры на стороне клиента использовали «1С», и нам нужно было понять, какие функции требуются в приложении, и как ими будет удобнее пользоваться.

Мы изучили потребности клиента, погрузились в бизнес-процессы, продумали сценарии использования, а после перешли к созданию макетов и реализации. Благодаря этому этапу клиент понял, как будет выглядеть его приложение.

1. Просмотр реестра продаж и возвратов с фильтрацией по периодам.
2. Добавление продаж и возвратов.
3. Добавление контрагента — его можно выбрать из списка, передаваемого из «1С».
4. • Работа со списком товаров:
   • добавить товар;
   • удалить товар;
   • редактировать товар (количество, цена).
4. Просмотр списка номенклатуры и связанных товаров.
5. Просмотр информации по выполнению KPI каждого менеджера.

При переходе между страницами менеджер не теряет введенные данные и вложенность — это было важно для удобства работы.

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

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

Мы создали приложение с интуитивно понятным интерфейсом и функциями, которые нужны клиенту.

В приложении удобно добавлять новые продажи, просматривать реестры продаж и возвратов, а также список номенклатуры, отслеживать KPI. Мы перенесли приложение на сервер клиента и провели обучение сотрудников «Автомастера».

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