Портфолио · Кейс · Web app
OSINT — дашборд мониторинга социальных сетей
Комплексный UX для платформы с большим объёмом данных: исследование, пользовательские сценарии, вайрфреймы, UI, прототип, дизайн-система и передача в разработку. Продукт объединяет мониторинг аккаунтов, кампании, планировщик публикаций и аналитику в одном интерфейсе.
Роль
Ведущий UX/UI-дизайнер: от исследования и карты экранов до дизайн-системы и передачи фронтенду.
Проблема
Мониторинг множества аккаунтов был разрознен и тяжело управлялся. Кампании, задачи, публикации и аналитика не имели единой структуры, а большие объёмы данных было трудно просматривать и приоритизировать.
Исследование
Изучили ведущие OSINT- и SMM-платформы, описали процессы мониторинга, публикации, планирования и анализа и нашли способы показывать сложные данные без перегруза.
Решение
Кампании, задачи, аккаунты и контент объединены в одном дашборде, спроектирован кросс-сетевой планировщик, собрана масштабируемая дизайн-система в Figma.
Информационная архитектура
Сначала разобрали продукт на сущности: кампании, задачи сбора и публикации, аккаунты, медиа. Построили карту экранов и связей между ними, чтобы навигация не разрасталась по мере роста функций. Затем прошли этап чёрно-белых вайрфреймов для каждого раздела и согласовали плотность данных до работы над визуалом.
Главный дашборд
Для дашборда мы согласовали с клиентом ключевые метрики и вместе разобрали референсы. Затем я протестировал разные раскладки и выстроил чёткую иерархию, чтобы срочные действия, показатели и данные по каналам считывались с одного экрана.
Планировщик
В планировщике сложный мультиканальный процесс превращён в одну визуальную ленту времени. Фильтры, статусы и быстрые действия помогают управлять контентом, не переключаясь между экранами.
Задачи
Для задач я сначала описал, как работа движется от постановки до завершения, включая каждый статус, решение и следующий шаг. Затем проверил структуру и превратил её в понятный поток, где пользователь всегда знает, что происходит и что делать дальше.
Сбор данных
В разделе сбора я распутал, как связаны датасеты, отчёты, статусы и действия. Потом собрал карточную систему, которая держит плотную информацию читаемой, а второстепенные действия остаются доступными без ощущения перегруза.
Аналитика
Для аналитики я сначала проработал, как большие объёмы социальных данных группировать, сравнивать и считывать с одного взгляда. Затем проверил иерархию графиков, метрик и фильтров, используя ненавязчивые цветовые акценты каждой сети, чтобы они не смешивались.
Публикации
В публикациях я разделил две разные задачи: быстро просмотреть, что вышло, и проверить детали. Спроектировал карточный и списочный виды под обе скорости, а настройки кампании и детали медиа вынес в отдельные панели, чтобы основной экран оставался чистым.
Дизайн-система
UI-кит в Figma: цвета, шрифты, переключатели, табы, сетевые кнопки и карточки соцсетей — всё в компонентах с вариантами для передачи в разработку.
Отзыв клиента
Проект завершён успешно!
Roobinium — настоящие эксперты. Отлично сделали работу и очень гибко относились к правкам. Коммуникация на протяжении всего проекта была на высоте.
