Retail tech · iOS · Android · Web portal · POS · Customer QR

Mercaux. A product ecosystem for retail

Designing tools for store operations for retail teams on iPad, iPhone and in a web portal.

Mercaux is a product ecosystem for international retailers. It helps store teams manage daily operations, assist customers, work with product data, handle appointments and support omnichannel shopping scenarios.

Role
UX/UI designer
Period
2021–2024
Platforms
iOS, Android tablet, web portal, POS, customer QR
Focus
Design system, task management, appointments, cash management, customer shopping flows

Introduction. I worked on operational tools for sales associates and managers, including task management, appointment management and cash management. My responsibilities included UX flows, UI design, component states, prototypes and developer-ready designs.

The challenge. The main challenge was to make complex operational processes clear and consistent across platforms, while supporting different store roles, statuses, data states and the fast pace of daily work.

Task management. iPad · iPhone · web portal. I designed task management flows for store teams and managers on iPad, iPhone and in the web portal. The experience helped users create, assign, track and complete operational tasks, with clear statuses, deadlines, priorities and progress tracking.

Task list and detail screen on iPad for managing operational tasks on the shop floor
Task list and detail screen on iPad for managing operational tasks on the shop floor

Progress tracking. Task creators and assignees can track progress by employee, store, cluster or role. This helps managers see how execution is going in each store and find tasks that still need attention.

If the result of a task is satisfactory, the user can close the task even if not all assignees have completed it.

Progress tracking screen showing task completion by employee, store, cluster or role

Mobile version. Task management screens on mobile are adapted for quick access, task details and progress tracking.

Mobile task screenMobile task screenMobile task screen

Appointment management. iPad · iPhone. I designed appointment management flows for sales associates, so they can manage customer appointments, see details, track statuses and work with the schedule.

List of appointments with customer details, statuses and key actions

Calendar view. The list of appointments can be switched to a calendar view, so the store team can review the schedule more easily and spot overlapping bookings.

When more than four appointments are scheduled in one time slot, the calendar shows only the first four directly. The rest are still available from the list.

Calendar screen for managing upcoming appointments and the store schedule

Creating an appointment. A convenient appointment builder lets users easily choose all the required parameters. Data is loaded dynamically based on the criteria chosen earlier. If a specific employee does not provide the needed service, the user cannot select that employee.

The calendar shows dates with available time slots for the selected employee and service, giving a clear overview for efficient planning.

Appointment creation flow with customer information, date, time and assigned employee

Mobile version. Appointment screens on mobile for quick access while working in the store.

Mobile appointment screenMobile appointment screenMobile appointment screen

Cash management. iPad · iPhone · web portal. I designed a digital cash system for store teams to track cash operations, manage tills and safes, and perform key operations such as adding cash, withdrawing cash, transfer, exchange, packing money into a bag, sending to the bank, balance reconciliation and balance adjustment.

The system let users control cash drawers, view operations for a chosen period and start investigations in case of a shortage.

Cash management screen on iPad with transaction history, cash balance, cash bags and key cash operations
Cash statistics in the web portal: service points, cash balances, balance check status and change fund status
Transactions screen in the web portal for viewing cash operations, balance issues, comments and attachments
Cash bag details screen showing all transactions related to a specific bag

Cash operations. Users can add or take money out of a till or safe, transfer cash between locations, exchange money, pack money into a bag and send bags from the safe to the bank.

Action selection modal with available cash operations for tills and safes

Balance reconciliation. Users can check the balance of a till or safe at any time. I designed a denomination calculator, where the user enters the number of banknotes of each denomination and the system automatically calculates the total.

If the counted amount does not match the expected balance, the interface highlights the shortage and helps the user find the discrepancy.

Balance check flow with denomination input, automatic calculation and detection of the missing amount

Mobile version. Cash management screens on mobile for viewing operations, cash balance details and the money-packing flow.

Mobile cash management screenMobile cash management screenMobile cash management screen

Result. Thanks to one mobile interface, store employees could carry out the whole working cycle from one device, from showing a product to a customer to cash operations and cash collection, without switching between different systems or using paper processes. This made daily work on the shop floor faster and reduced the number of points where an error could happen when a task is handed over between devices or employees.

Retail tech · iOS · Android · Веб-портал · POS · Customer QR

Mercaux. Экосистема продуктов для ритейла

Проектирование инструментов для операционной работы магазинов для розничных команд на iPad, iPhone и в веб-портале.

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

Роль
UX/UI дизайнер
Период
2021–2024
Платформы
iOS, Android планшет, веб-портал, POS, QR для покупателей
Фокус
Дизайн-система, управление задачами, встречи, управление наличными, клиентские shopping-флоу

Введение. Я работал над операционными инструментами для продавцов и менеджеров, включая управление задачами, управление встречами и управление наличными. В мои обязанности входили UX-сценарии, UI-дизайн, состояния компонентов, прототипы и дизайны, готовые для разработки.

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

Управление задачами. iPad · iPhone · веб-портал. Я спроектировал сценарии управления задачами для команд магазинов и менеджеров на iPad, iPhone и в веб-портале. Опыт помогал пользователям создавать, назначать, отслеживать и выполнять операционные задачи с понятными статусами, сроками, приоритетами и отслеживанием прогресса.

Список задач и детальный экран на iPad для управления операционными задачами в торговом зале
Список задач и детальный экран на iPad для управления операционными задачами в торговом зале

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

Если результат задачи удовлетворительный, пользователь может закрыть задачу, даже если не все исполнители завершили её.

Экран отслеживания прогресса, показывающий выполнение задач по сотрудникам, магазинам, кластерам или ролям

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

Экран задач на мобильномЭкран задач на мобильномЭкран задач на мобильном

Управление встречами. iPad · iPhone. Я спроектировал сценарии управления встречами для продавцов, чтобы они могли управлять встречами с покупателями, смотреть детали, отслеживать статусы и работать с расписанием.

Список записей с данными клиентов, статусами и ключевыми действиями

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

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

Календарный экран для управления предстоящими записями и расписанием магазина

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

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

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

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

Экран встреч на мобильномЭкран встреч на мобильномЭкран встреч на мобильном

Управление наличными. iPad · iPhone · веб-портал. Я спроектировал цифровую кассовую систему для команд магазинов, чтобы отслеживать операции с наличными, управлять кассами и сейфами, а также выполнять ключевые операции, такие как внесение наличных, выдача наличных, перевод, обмен, упаковка денег в инкассационный мешок, отправка в банк, сверка баланса и корректировка баланса.

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

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

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

Модальное окно выбора действия с доступными кассовыми операциями для касс и сейфов

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

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

Сценарий проверки баланса с вводом номиналов, автоматическим расчётом и определением недостающей суммы

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

Экран управления наличными на мобильномЭкран управления наличными на мобильномЭкран управления наличными на мобильном

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