Разработка мобильного приложения для сборщиков заказов интернет-магазина SPAR ONLINE

Главное о кейсе

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

Аналитики отслеживают эффективность работы приложения благодаря двум количественным метрикам — итоговому времени сборки заказа и количеству допущенных сборщиками ошибок. По словам клиента, благодаря созданному решению производительность труда при сборке заказов уже выросла на 40%, а количество ошибок снизилось на 67%.

Другие преимущества решения:
— приложение кроссплатформенное: разработка обошлась вдвое дешевле, чем создание решения под разные платформы
— приложение заменяет кассу: установленный функционал позволяет сборщику с любым смартфоном выполнить те же операции, что и кассиру, процесс сборки и “пикинга” товаров совмещен
— торговой сети не нужно нанимать высококвалифицированных сборщиков или усиливать административный контроль за сотрудниками
— приложение отсутствует в свободном доступе и безопасно для бизнеса с позиции коммерческой тайны
— простота интерфейса облегчает погружение сотрудников в работу: достаточно аккаунта с авторизацией по номеру телефона, чтобы начать выполнять задачи.

Стек технологий: Flutter.
----------------
The implementation of the application on all build points has reduced the time required to build orders and significantly reduced the number of errors made by employees when build processing. Customers are satisfied with the services of the retail chain, and they are more loyal according to their reviews. They make more purchases in the SPAR online store.

Analysts follow the app's performance using two quantitative metrics — the total order build time and the number of errors made by the builders. According to the client, due to the solution we created, labor productivity has already increased by 40% during build order, and the number of errors has decreased by 67%.

Other advantages of the new solution:
— the application is cross-platform — development cost turned out to be half as if the solution would be planned for different platforms
— the app replaces the cash register. The installed functionality allows the builder to perform the same operations with any smartphone as the cashier, the process of building and ”beeping" goods is combined
— the retail chain doesn’t need to hire highly qualified builders or increase administrative control over employees
— the app is not freely available, and it is safe for business from the trade secret point of view
— the simplicity of the interface makes it easier for employees to be occupied with their work: the account with authorization by phone number is enough to start performing tasks.

Technology stack: Flutter.

Бизнес-задача и ее решение

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

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

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

Решение:
Мы создали приложение на фреймворке Flutter. В качестве языка программирования выбрали Dart. В дизайне отразили стилистику мобильной версии интернет-магазина сети SPAR. Для создания элементов интерфейса использовали нативные элементы Flutter.

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

Чем полезно приложение, и как оно работает?
Пользователь делает заказ в интернет-магазине. Его список с товарами, их параметрами и комментариями поступает в приложение. Заказ принимает в работу один из сборщиков. Чтобы он не забыл ни о чем из перечня, особенно, о пунктах, по которым есть вопросы, приложение контролирует каждую позицию и выводит на экран информацию о товаре.

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

Приложение позволяет проверить точность сборки по разным критериям:
— проверить количество продуктов — попало ли в корзину нужное число единиц товара
— увидеть изначальный список товаров и список, получившийся с учетом наличия товаров
— отсканировать штрихкоды товаров, в том числе, маркированных (например, спиртного). Если код не считывается, сборщик вбивает его вручную, а приложение проверяет данные по базе.
— согласовать и произвести замену товара другим, если в магазине чего-то нет, или срок годности продукта истекает.

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

Приложение показывает статус оплаты заказа. Наконец, в системе формируется документ реализации. Приложение по факту сборки отправляет данные бэкенду, а в 1С фиксируется отгрузка товаров. Покупателю отправляется кассовый чек из виртуальной кассы.
----------------
The aim:
Our team was assigned to develop an application that would load order data from the online store's back-end and help employees at all stages of the build process. We suggested creating a cross-platform application based on the Flutter framework. This framework was chosen for its convenient tools and simple and clear UI.

The cross-platform app can be used by owners of any smartphones (iOS and Android), which means that it does not create additional technical restrictions when hiring employees.

The app should be integrated with the online store and serve as a convenient checklist for employees. Instead of outdated paper shopping lists, builders can use a new solution. It also becomes a communication tool between builders, managers, couriers and customers.

The solution:
We created the app using the Flutter framework. Dart was chosen as the programming language. The design reflects the style of the SPAR online store mobile version. We used native Flutter elements to create interface elements.

The new application does not require the creation of a special infrastructure, and it is integrated into the existing technical environment. We made integration with 1C - shopping center and online store on Bitrix: site management. This system works effectively even on low-cost chinese smartphones. The employee is added to the white list of users. They just need to log in using their phone number and SMS code.

How does it work?
The user makes an order in the online store. The list with products, their parameters and comments is sent to the app. The order is accepted by one of the builders. especially about items that have questions, The app monitors each item and displays information about the product on the screen in case not to forget about anything from the list, especially about items that raises questions.

During the build process, the specialist “beeps” all the products added to the cart in the app, using the smartphone camera as a barcode scanner — you can't complete the order without it. The builder's attention is focused on the task this way.

The app allows to check the build accuracy using various criteria:
— to see the original list of products and the list that was created based on the availability of products
— to check the number of products — whether the necessary number of items has been added to the cart
— to scan barcodes of products, including labeled ones (for example, alcohol). If the code is not read, the builder makes it manually, when the application checks the data in the database
— to agree upon and to replace the product with another one, if there is something missing in the store or the product expires.

Finally, the order is built and packed. The app allows you to control this stage of workflow. After the goods are packed, the order status changes and it is postponed until it is sent to the courier.

The app shows the order payment status. It can be done in advance or when you receive the order. Finally, the system generates an implementation document. The app sends data to the backend after the build, and the shipment of goods is recorded in 1C. The buyer receives a receipt from the virtual sales register.

Прочая информация о кейсе

Весной 2020 года, в разгар пандемии, наш клиент оперативно запустил интернет-магазин, позволяющий дистанционно заказывать товары розничной сети SPAR и ее партнеров жителям Калининградской области. Сначала сервис существовал в формате веб-сайта и его мобильной версии — фрейма внутри приложения программы лояльности. Сейчас интернет-магазин на базе мобильного приложения активно развивается, становится нативным и обрастает полезными сервисами.

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

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

Руководство управления онлайн-продажами решило создать приложение, которое упростило бы работу сборщиков и максимально автоматизировало процесс подготовки заказов.
----------------
In the spring of 2020, in the heat of the pandemic, our client has launched an online store fast that allows residents of the Kaliningrad region to order products from the SPAR retail chain and its partners remotely. At first, the service existed in the format of a website and its mobile version. It was a frame inside the loyalty program application. Now an online store based on a mobile app is actively developing, becoming native and accumulating useful services for users.

The number of orders in the online store is steadily growing, and it increases the importance of order build quality (assemblers’ speed and accuracy) and adjusting workflows. Responsible and prompt online orders build is a serious competitive advantage for the retail network.

Initially, customers' orders were sent to the inventory system, then printed out in stores, at the same time order builders were walking along the glass cases with paper lists and putting products in carts. They spent a lot of time printing forms, assembling products, counterchecking and checking orders in the system.

After analyzing the workflows, the management of online sales decided to create an application that would simplify the work of builders and automate the process of preparing orders as much as possible.

Скриншоты