Сервис телеметрия

Описание проекта — замени на реальный текст.

Сервис телеметрия

Роль

Solo Product Designer (End-to-End)

Сфера

B2B SaaS, Enterprise, IoT

Команда

1 PM, 1 Front, 2 Back

Год

2023–2026 (Телеметрия + софт аппаратов)

Контекст

Shaker производит умные вендинговые автоматы. Компания сделала пивот в Enterprise-сегмент и начала продавать оборудование сетями от 50 до 100+ аппаратов.

Проблема

Старая система телеметрии блокировала крупные сделки. Интерфейс не масштабировался, клиенты не видели сводную аналитику, а техподдержка тонула в однотипных тикетах.

Задача

Спроектировать новую B2B-телеметрию. Дать крупным клиентам прозрачный контроль над сетью автоматов и разгрузить первую линию техподдержки.

Ограничения

Жесткий дедлайн на запуск MVP силами мини-команды (1 Front, 2 Back) и необходимость полноценной мобильной версии для управления сетью на ходу.

Сервис телеметрия

Аудит и сокращение скоупа

Чтобы уложиться в жесткие сроки разработки MVP, я провел аудит и внедрил скоринг фич (Value / Effort). Мы отсекли функционал с оценкой ниже 1.5 (AI-ассистент, сложные складские интеграции) и сфокусировались на бэклоге, который закрывает 80% базовых потребностей сетей.
Сервис телеметрия — экран 1

Почему старая телеметрия не работала

Я провел аудит всех модулей старой системы. Интерфейс не масштабировался для B2B: важные метрики скрывались за скроллом, а из-за слепых индикаторов техподдержка тонула в тикетах.

Ниже разбираю 3 критичных экрана, которые генерировали 80% убытков и обращений.

Сервис телеметрия — old-telemetry/old-1.webpСервис телеметрия — old-telemetry/old-2.webpСервис телеметрия — old-telemetry/old-3.webp

Ролевая модель

В сетях от 50 аппаратов задачи строго делятся, поэтому я спроектировал матрицу прав под три ключевых сценария. Владелец сети смотрит на цифры, а не в железо: ему важны сводная аналитика, контроль выручки и защита от фрода. Техник в поле нуждается в моментальных алертах о поломках и мобильном интерфейсе. Суперадмин поддержки получает глобальный доступ, чтобы бесшовно проваливаться в аккаунт клиента и точечно решать инциденты.
Сервис телеметрия — persons/person-1.webpСервис телеметрия — persons/person-2.webpСервис телеметрия — persons/person-3.webp

Рынок и позиционирование

Рынок занят дорогими SaaS-решениями со сложным порогом входа. Я спроектировал систему вокруг быстрого онбординга, контроля за крупными сетями и удобства полевых техников. Итог: бесплатный и понятный UX стал не просто фичей, а главным драйвером продаж вендинговых аппаратов Shaker.
Сервис телеметрия — company-card/company-1.webpСервис телеметрия — company-card/company-2.webpСервис телеметрия — company-card/company-3.webpСервис телеметрия — company-card/company-4.webp

Авторизация оборудования

Заменил долгий ручной ввод серийных номеров на быструю синхронизацию по REG-ключам (QR). Это упростило онбординг оборудования и сократило среднее время подключения аппарата к сети с 7 минут до 30 секунд.
Сервис телеметрия — connect-cards/connect-1.webpСервис телеметрия — connect-cards/connect-2.webpСервис телеметрия — connect-cards/connect-3.webp

Управление по отклонениям

Дашборд скрывает визуальный шум от штатно работающих автоматов и выводит на первый план только инциденты. Теперь владельцу не нужно искать поломки вручную — утренний чекап сети из 50+ точек занимает 2 минуты вместо 15.
Сервис телеметрия — экран 6

Точная аналитика и финансы

Интегрировал API эквайринга напрямую в интерфейс продаж. Операторам больше не нужно сверять телеметрию с банковскими выписками — отмена транзакции теперь делается в один клик за 30 секунд.
Сервис телеметрия — img-4.webp
Сервис телеметрия — img-5.webp

Список автоматов

Умная сортировка и акцент на быстрое сканирование: проблемные аппараты автоматически выводятся в топ списка. Левая цветовая плашка работает как тепловая карта, а микро-инфографика остатков позволяет оценить состояние точки без лишних кликов и провалов в карточку.
Сервис телеметрия — экран 8

Управление инцидентами в Telegram

Перевел коммуникацию с полевыми сотрудниками в привычную среду. Бот автоматически маршрутизирует задачи и контролирует SLA без участия оператора. Скорость реакции на сбои выросла в 3 раза, что напрямую сократило убытки от простоя оборудования.
Сервис телеметрия — telegram-cards/telegram-card-1.webpСервис телеметрия — telegram-cards/telegram-card-2.webpСервис телеметрия — telegram-cards/telegram-card-3.webp

Массовое управление через шаблоны

Спроектировал систему эталонных матриц цен и ассортимента. Оператор задает пресет и раскатывает его на нужную группу автоматов в пару кликов. Время обновления каталога сократилось до 2 минут.
Сервис телеметрия — экран 10

Прозрачный склад и защита от фрода

Сделал каждый автомат виртуальным микро-складом. Система списывает сырье в момент продажи и сверяет остатки с выручкой. Любое расхождение граммовок моментально подсвечивается — воровство пресекается на корню.
Сервис телеметрия — экран 11

Промокоды для роста продаж

Спроектировал генератор промокодов. Настроил таргетинг скидок до конкретного автомата и товара. Внедрил лимиты активаций и таймеры — для контроля бюджета акций и защиты кассы от злоупотреблений.
Сервис телеметрия — экран 12

Мобильная версия

Спроектировал полноценную мобильную версию. Весь критический функционал доступен на ходу, без привязки к десктопу.
Сервис телеметрия — экран 13

Дизайн-система

Собрал UI-библиотеку из 200+ токенизированных компонентов на базе атомарного дизайна. Сборка новых экранов ускорилась на 40%, а количество визуальных багов на этапе QA упало на 80%.
Сервис телеметрия — img-10.webp
Сервис телеметрия — img-11.webp
Сервис телеметрия — img-12.webp

Результат

  • Ускорил подключение оборудования в 14 раз. Замена ручного ввода на QR-синхронизацию сократила онбординг автомата с 7 минут до 30 секунд.
  • Сократил время обслуживания сети в 7,5 раз. Внедрение дашборда инцидентов уменьшило время утреннего чекапа 50+ точек с 15 до 2 минут. Нагрузка на первую линию поддержки упала на 80%.
  • Свел массовую раскатку обновлений к 2 минутам. Система эталонных матриц позволила операторам менять цены и ассортимент на всей сети автоматов в пару кликов вместо ручной настройки каждой точки.
  • Снизил убытки от простоя автоматов. Перевод управления заявками в Telegram-бот ускорил реакцию полевых техников на технические сбои в 3 раза.

Рефлексия

  • Интерфейс может жить за пределами продукта. MVP в жестких сроках требует радикальных решений. Вывод управления инцидентами в обычный Telegram-бот сэкономил команде месяцы разработки. Это дало бизнес-результат быстрее и дешевле, чем проектирование кастомного таск-трекера внутри CRM.
  • Технический долг и архитектура токенов. Текущая семантика имеет ограничения и не защищает библиотеку от визуального мусора при масштабировании. Зафиксировал технический долг: в следующей итерации необходим переход на трехуровневую архитектуру палитры (Global, Semantic, Component).
  • В B2B «скучный» UI — это преимущество. Строгий интерфейс, визуальная тишина и предсказуемость паттернов снижают когнитивную нагрузку оператора. Красота здесь измеряется скоростью выполнения задачи.

Создадим крутой проект вместе?

Напиши мне — обсудим задачи и сотрудничество