Роль: Продуктовый дизайнер

Платформы: iOS, Android, Web

Результат: MAU ×3, Выручка +20%

О продукте

«Дом.ру Бизнес Видеоконтроль» — это SaaS-сервис для B2B. Он помогает предпринимателям следить за магазинами, стройками и офисами с любого устройства.

Проблема

В 2021 году у продукта была только устаревшая веб-версия. Мы теряли клиентов, которым нужен был контроль «на ходу».

Моя роль

Я отвечал за весь цикл дизайна: от запуска первого мобильного приложения с нуля до глубокой проработки сложных функций (таймлайна, видеоаналитики, ролей) и поддержки дизайн-системы (2021–2024).

Ключевые результаты

• Запуск с нуля: Спроектировал и выпустил мультиплатформенные приложения (iOS/Android).
• Рост аудитории: MAU (активные пользователи в месяц) выросло в 3 раза.
• Влияние на бизнес: Редизайн и запуск мобильной версии способствовали росту выручки направления на 20% (≈250 млн ₽).

Часть 1. Запуск приложения (MVP)

Задача

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

Решение

1. Адаптация интерфейса: Спроектировал навигацию так, чтобы переключаться между 100+ камерами можно было в два нажатия.
2. Дизайн-система: Создал библиотеку компонентов (иконки, кнопки, контролы), единую для веба и мобилки. Это ускорило разработку новых фич на 30% и обеспечило визуальное единство.

Часть 2. Глубокий редизайн таймлайна

Контекст: Таймлайн (временная шкала) — это главный инструмент в архиве. С его помощью пользователи ищут моменты краж или инцидентов.

1. Проблема и данные

Я проанализировал обращения в поддержку и отзывы в App Store. Выяснилось, что 12% активных пользователей испытывали трудности с поиском нужного момента в архиве.

• Боли: Люди путались в жестах управления масштабом, не могли точно выбрать время и теряли контекст даты.

2. Исследование и Гипотезы

Чтобы найти решение, я провел анализ конкурентов, изучив 17 приложений (включая Ivideon, Dahua, Trassir). Я выделил три основных паттерна навигации и сформировал гипотезы:

1. Кнопки «+» и «-» для масштаба понятнее, чем сложные жесты (щипок).
2. Шкала должна находиться в нижней части экрана (зона комфорта большого пальца).
3. Календарь должен быть доступен в один клик, без лишних переходов.

3. Проверка решений (Качественные тесты)

Мы не могли сразу писать код, поэтому я провел коридорные тестирования и глубинные интервью с демонстрацией прототипов (15 респондентов).

Как тестировали:

Пользователям предлагалось найти конкретное событие (например, «вчера в 14:15») на трех разных вариантах интерфейса.

Инсайты (Результаты тестов):

• ❌ Жесты неочевидны: Пользователи старшего возраста (владельцы малого бизнеса) часто не используют управление жестами.
• ✅ Кнопки победили: Вариант с явными кнопками масштаба показал самую высокую скорость выполнения задачи.
• ✅ Разделение сценариев: Мы выяснили, что есть два сценария: «быстрый просмотр событий» (нужны метки на шкале) и «точный поиск времени» (нужна детальная шкала).

Финальное решение

На основе исследований я переработал интерфейс архива:

1. Умное масштабирование: Добавил кнопки шага масштаба (1 мин / 10 мин / 1 час) — это решило проблему точности.
2. Нижняя шторка: Перенес календарь и фильтры событий в нижнюю панель, освободив место для видео.
3. Визуальная чистота: Убрал лишние градиенты, перекрывавшие изображение.

Итоги

Редизайн таймлайна вошел в версию 10.0 и показал отличные результаты:

• Снижение обращений в поддержку по вопросам навигации.
• Рост глубины просмотра: Пользователи стали активнее пользоваться архивом.
• Продукт стал конкурентоспособным по UX с мировыми лидерами рынка видеонаблюдения.

Основной кейс и метрики: расширил аудиторию

У продукта “Видеонаблюдение Дом.ру бизнес” была мобильная аудитория, которая не пользовалась приложениями Android и iOS. Но мобильной версии не было, мы теряли пользователей. Я, как дизайнер, сделал новое приложение “Видеоконтроль” и MAU выросло у нового приложения относительно старого, которое параллельно функционирует.

• В 3 раза увеличилось количество пользователей мобильной версии MAU

• В 2 раза увеличилось количество пользователей веб версии MAU

• За что отвечал — можно развернуть

• Прочие метрики: число посетителей, отказы, время на сайте, установки приложения, CSAT

Подробнее об исследовании таймлайна

Цели исследования