Shaker Telemetry
Отрасль
IoT / B2B Вендинг
Роль
Product Designer
Команда
1 PM, 1 Frontend, 2 Backend
Дата
2023-2025
Shaker — производитель вендингового оборудования. В 2023 году компания начала стратегический пивот: переход от штучных продаж автоматов к сделкам с Enterprise-клиентами и построению сетей от 50 до 100+ аппаратов
Задачи от бизнеса
Снизить нагрузку на техподдержку
Перепроектировать интерфейс, чтобы пользователи могли решать типовые задачи сами, не обращаясь в саппорт
Обеспечить полный контроль над сетью
Дать клиентам дашборд с мониторингом 24/7. Связать телеметрию с «Вендистой» (эквайринг) и «МоимСкладом» (учет товаров), а сервисные алерты выводить в Telegram для моментальной реакции техников
Выпустить инструменты для роста выручки
Внедрить систему промокодов и программу лояльности, чтобы стимулировать клиентов на повторные покупки
Запустить мобильную версию
Адаптировать платформу под смартфоны (на них приходится 67% сессий), чтобы пользователи могли управлять сетью на ходу, без привязки к компьютеру
Прозрачный дизайн-процесс из 8 этапов
В работе над сложным B2B-продуктом нельзя опираться на вдохновение. Хаос в процессах плодит технический долг, раздувает сроки и сжигает ресурсы команды. Чтобы стабильно выпускать интерфейсы, которые решают задачи, я сформировал строгий фреймворк. Он позволил превратить дизайн из «рисования макетов» в предсказуемый конвейер.
Погружение
Сбор вводных, фиксация baseline-метрик и жестких аппаратных ограничений IoT-инфраструктуры
Discovery & Research
Анализ тикетов техподдержки, бенчмаркинг конкурентов и изучение JTBD владельцев бизнеса
Гипотезы и скоупинг
Проработка логики и отсев дорогих в разработке решений ради быстрого запуска MVP
Low-Fidelity и валидация
Сборка прототипов и проверка интерфейса на лояльных клиентах до передачи в продакшен
Сборка
Отрисовка финальных макетов на базе компонентов дизайн-системы для ускорения фронтенда
Handoff
Подготовка спецификаций и передача сценариев в разработку без «слепых зон»
Дизайн-ревью
Проверка реализованной верстки на тестовых стендах
Анализ результатов
Сверка с целевыми метриками и сбор обратной связи для следующих итераций
Приоритизация: запуск MVP
В условиях дефицита ресурсов (1 PM, 1 Front, 2 Back) было критично не раздуть первый релиз. Мы прогнали функционал через скоринг Value/Effort по 10-балльной шкале (где 10 — максимум). В MVP вошли задачи с наивысшим коэффициентом (Score), которые дают максимальный рычаг для бизнеса при адекватных затратах на разработку.
Функция
Ценность
Сложность
Score
Telegram-алерты
9
2
4.5
Отмена транзакции
(возврат)
8
2
4.0
Быстрое подключение
аппарата
10
3
3.3
Экспорт данных в Excel
8
3
2.6
Добавление новой
модели аппарата
7
3
2.3
Дашборд с важными KPI
9
4
2.2
База ингредиентов
10
5
2.0
График продаж
6
3
2.0
Сводный отчёт
9
5
1.8
Шаблоны
торговых матриц
8
5
1.6
QR-ключи
для сотрудников
10
6
1.6
Управление торговой
матрицей
9
6
1.5
Промокоды
9
6
1.5
История обслуживания
6
4
1.5
Скоупинг: что ушло в бэклог
Часто дизайн — это умение вовремя остановиться. Мы осознанно перенесли сложный функционал на следующие этапы, чтобы ускорить Time-to-market:
Интеграция «Мой склад»
Стратегический этап автоматизации. В MVP мы ограничились внутренним учетом, а уже в следующей итерации внедрили бесшовную синхронизацию остатков и продаж для сквозного контроля всей сети.
Программа лояльности
Инструмент для роста LTV и удержания. Мы сознательно вынесли ее за рамки первого релиза, чтобы сначала стабилизировать технические метрики сети, и запустили как драйвер выручки на втором этапе.
Модуль для обратной связи
На первом этапе для анализа проблем нам полностью хватает тикетов из поддержки и системных логов. Модуль отложили, чтобы сфокусировать команду на критичном функционале
Приложение для техников
Разработка нативного мобильного приложения. На старте мы сэкономили месяцы разработки, переведя весь контроль задач в Telegram. Для MVP этого оказалось достаточно, полноценное приложение ушло в бэклог.
Онлайн-магазин
Полноценный маркетплейс внутри телеметрии. Решили оставить продажи через менеджеров, сфокусировав продукт на управлении уже купленным парком
Внедрение AI-ассистента
Конструктор отчетов и предиктивная аналитика на базе AI. Эти фичи требуют огромных ресурсов на бэкенде. Вместо этого мы внедрили жесткие шаблоны отчетов, закрывающие 90% потребностей бизнеса
Логистический модуль
Автоматический расчет пути техников по точкам. Сложная математическая задача, которую на старте решили простым списком приоритетных инцидентов
Карта аппаратов
Визуализация сети на карте. Красивая, но не критичная фича для MVP. Владельцам сетей важнее сухие цифры в таблицах, чем точки на карте
Глубокая ролевая модель
Вместо десятков настроек прав доступа оставили две роли: «Владелец» и «Техник». Это закрыло 90% потребностей Enterprise-сетей на старте
Встроенный командный чат
Анализ показал, что техникам удобнее общаться в привычном Telegram. Мы сэкономили месяц разработки.
Почему старая система не работала
Детальный аудит выявил тотальную деградацию UX на всех ключевых экранах системы. Важные метрики прятались за скроллом, рутина конфликтовала с настройками, а отсутствие визуальной иерархии превращало контроль за сетью в хаос. Я разобрал критические ошибки каждого модуля:
Персоны
Переход от штучных продаж к Enterprise-сетям изменил парадигму продукта. Если в малом бизнесе автоматом управляет один человек, то в крупных сетях систему делят люди с разными задачами.
Малая сеть
Средняя сеть
Крупная сеть
Техник
Техподдержка
Стратегия: софт как драйвер продаж оборудования
Рынок поделен между игроками, которые зарабатывают на подписке (SaaS) и продаже внешних модемов. Для Enterprise-сетей это раздувает операционные расходы. Моя задача — найти уязвимости конкурентов и сделать интерфейс главным конкурентным преимуществом Shaker.
Анализ рынка
Shaker
Производитель оборудования полного цикла. Покупая автомат, бизнес получает нативную экосистему с бесплатной телеметрией. Мы избавляем клиента от абонентской платы за софт и покупки внешних модемов
Telemetron
400 ₽/мес
Модем: 12 000 ₽
Крупнейший игрок в СНГ. Бизнес-модель строится на стартовой продаже универсальных модемов (высокий порог входа) и обязательной абонентской плате за доступ к статистике каждой точки
KitVending
350 ₽/мес
Модем: 7 000 ₽
Платформа с закрытой экосистемой вокруг собственных терминалов оплаты. Дает доступ к базовой телеметрии, но жестко привязывает покупателей к фирменному приложению KitPay
Televend
500-1200 ₽/мес
Модем: 30 000 ₽
Мощный европейский софт корпоративного уровня с продвинутой маршрутизацией. Минусы: необходимость закупки дорогих импортных контроллеров и валютная подписка, съедающая рентабельность.
Матрица функционала
Функция
Shaker
Shaker (old)
Telemetron
KitVending
Televend
Автоматы
Поддерживаемые
автоматы
Только Shaker
Только Shaker
Любые
Любые
Любые
Подключение
автомата
Легко
Много полей
Сложно
Сложно
Сложно
Добавление
новой модели
Легко
Сложно
Сложно
Сложно
Сложно
Мульти-вендинг
Да
Нет
Нет
Нет
Нет
Эргономика
Визуальная
чистота (UI)
Фокус на главном
Устаревший
Перегружен
Перегружен
Устаревший
Когнитивная
нагрузка
Логичные блоки
Высокая
Линейный список
Линейный список
Линейный список
Мобильная
версия
Полный адаптив
Нет
Базовая
Базовая
Базовая
Тёмная тема
Да
Нет
Нет
Нет
Нет
Управление
Шаблоны
торговых матриц
Да
Нет
Сложно
Да
Да
Массовое
изменение
В 1 клик
Нет
Задержки
Ограничено
Да
Синхронизация
цен
Мгновенно
Задержки
Задержки
Да
Да
Интеграции
Учёт товаров
Да
Нет
Сложно
Сложно
Сложно
Уведомления
в Telegram
Интеракти-вные
Нет
Текстовые логи
Текстовые логи
Текстовые логи
Маркетинг
Промокоды
Гибкая настройка
Базовая версия
Нет
Сложный запуск
Да
База клиентов
Да
Нет
Нет
Да
Да
Онбординг оборудования за 30 секунд
Раньше подключение нового автомата было «узким горлышком». Клиентам приходилось вручную вбивать серийные номера, ID контроллеров и настройки сети. Из-за перегруженности процесса ~60% новых подключений заканчивались звонком в техподдержку.
ШАГ 1
ШАГ 2
ШАГ 3
Дашборд инцидентов: проверка сети за 2 минуты
Раньше владельцам приходилось вручную проверять сотни строк в таблицах. Утренний мониторинг сети занимал до 15 минут. Я спроектировал дашборд по принципу Exception-Based Management: интерфейс скрывает исправное оборудование и фокусирует внимание владельца только на инцидентах.
Контроль сети
Раньше поиск сломанного аппарата требовал ручного скролла всей базы. В новом списке внедрена жесткая цветовая кодировка и фильтрация инцидентов. Владелец видит не просто реестр оборудования, а приоритетный бэклог задач: красные статусы требуют немедленной реакции, желтые — предиктивного обслуживания.
Главная причина звонков в саппорт — техническая слепота. Я избавился от сырых логов и безымянных графиков. Теперь система показывает точный уровень конкретных ингредиентов и переводит системные ошибки в понятные инструкции
Точная аналитика продаж и возвраты в один клик
Раньше владельцам приходилось сводить отчеты вручную, сверяя данные телеметрии с банковскими выписками. Интеграция с API эквайринга объединила управление оборудованием и финансами: теперь вся экономика сети доступна в едином интерфейсе.
Если автомат не выдал напиток, оператору больше не нужно искать платеж в банковской системе. Вся история транзакций, типы оплат (NFC, QR, карта) и статусы находятся под рукой. Оформить возврат клиенту можно прямо из строки заказа за пару секунд.
Автоматизация диспетчерской: умные алерты в Telegram
Владельцам и техникам больше не нужно дежурить у монитора. Система сама выявляет критические сбои и превращает мессенджер в мобильный пульт управления. Платформа берет на себя роль диспетчера: она не просто констатирует ошибку, а сразу запускает процесс её решения.
Промокоды для роста продаж и удержания клиентов
Бизнесу нужен был инструмент для стимулирования продаж и возврата клиентов. Мы спроектировали модуль промокодов, который позволяет запускать как массовые акции, так и точечные кампании.
Массовое изменение: обновление меню и цен в пару кликов
Масштабирование сети невозможно без автоматизации рутины. Я спроектировал систему шаблонов торговых матриц, чтобы операторы перестали настраивать каждый автомат по отдельности. Теперь сезонное меню или новые цены раскатываются на всю сеть в несколько кликов.
Чтобы минимизировать «серые» потери, мы внедрили легкий складской учет. Каждый автомат стал виртуальным микро-складом. Система автоматически сверяет фактические остатки ингредиентов с выручкой и моментально подсвечивает аномалии.
Удержание клиентов: CRM и экономика программы лояльности
CRM для удержания аудитории. Помогает сегментировать базу, запускать точечные промо-кампании и контролировать экономику баллов без кассовых разрывов.
Мобильная версия
Около 67% пользователей заходят в систему со смартфонов. Чтобы дать пользователям инструмент для работы «на ходу», я адаптировал ключевой функционал десктопа под мобильную версию.
Дизайн-система: масштабируемость и скорость разработки
Проектировать сложную систему без строгих правил — значит плодить технический долг. Чтобы ускорить разработку и упростить поддержку продукта, я спроектировал полноценную UI-библиотеку на базе токенов и принципов атомарного дизайна
Токены
Атомы
Молекулы
Организмы
Шаблоны
Montserrat
Regular
·
Medium
·
Semibold
2XS · 10/16
XS · 12/18
S · 14/20
M · 16/22
L · 18/24
XL · 20/26
2XL · 24/30
3XL · 32/38
4XL · 48/54
Итоги: от хаоса к управляемой системе
Проект Shaker доказал, что дизайн в сложном B2B — это прежде всего инструмент операционной эффективности. Нам удалось решить все ключевые задачи, поставленные на старте.
Запросов в техподдержку. Пользователи решают типовые проблемы сами
Трафика со смартфонов. Интерфейс полностью адаптирован под мобильные сценарии
Контроль над сетью. Интеграция с Vendista и МойСклад, алерты в Telegram для мгновенной реакции
К скорости релизов. Дизайн-система сократила время сборки и исключила визуальные баги
К выручке в часы спада. Программа лояльности помогает управлять спросом и растить LTV
Планы по развитию
Новая телеметрия заложила фундамент для масштабирования Shaker из производителя оборудования в полноценную софтверную экосистему. Следующие шаги:
Чему меня научил этот кейс
Проект Shaker Telemetry стал для меня вызовом в проектировании сверхплотных интерфейсов. Главный вывод: в сложном B2B эстетика — это лишь производная от эффективности.
Дизайнер должен мыслить как архитектор данных
Работа над Shaker Telemetry научила меня проектировать не экраны, а состояния системы. Когда количество объектов растет с 5 до 100+, привычные паттерны (таблицы, списки) ломаются. Единственный способ сохранить контроль на масштабе — переход к модели управления по отклонениям
Техническая грамотность — это страховка продукта
Внедрение дизайн-системы на базе переменных и токенов научило меня говорить на одном языке с фронтендом. Я понял, что грамотно описанная логика компонентов экономит бюджет компании эффективнее, чем любая креативная концепция
Эстетика в B2B вторична
Я глубже осознал, что в сложных системах визуальная чистота — это не вопрос красоты, а инструмент снижения когнитивной нагрузки. Дизайн в телеметрии обязан быть скучным и предсказуемым, чтобы в момент аварии оператор мгновенно считывал статус
