Не просто набор экранов для переписки, а полноценная коммуникационная система внутри социальной сети. Я спроектировала UX-архитектуру, сценарии, состояния и компоненты мессенджера так, чтобы он поддерживал сложные кейсы, масштабировался вместе с продуктом и оставался понятным для разработки.

Роль

Product / UI/UX Designer

Зона ответственности

Исследование, продуктовая логика, UX-архитектура, UI-дизайн, пользовательские сценарии, компонентная система, состояния и edge cases, handoff и сопровождение разработки

Статус

MVP

Год / рынок / этап

2026 / Россия / MVP

Проектирование мессенджера началось как отдельное продуктовое направление внутри [NDA] Social Network.

Модуль должен был встроиться в существующую экосистему, сохранить связь с основной дизайн-системой и при этом покрыть сложные сценарии общения на мобильных и веб-платформах.

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

Новый коммуникационный модуль внутри социальной сети

Нужно было разработать полноценный коммуникационный модуль внутри социальной платформы: личные и групповые чаты, профиль чата, настройки приватности и все это сделать логическим продолжением основной социальной сети.

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

Отдельно прорабатывались edge cases: недоступные участники, пустые списки, ошибки отправки, удалённые сообщения, ограничения приватности, состояния загрузки, последний администратор в группе и другие ситуации, которые напрямую влияют на качество реализации.

Проектирование масштабируемого мессенджера

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

Направление курировалось арт-директором, при этом рабочий процесс, детализация решений и ежедневная коммуникация с разработкой были выстроены мной самостоятельно.

На этапе реализации я разбирала вопросы по поведению компонентов, ограничениям и недостающим состояниям, уточняла логику, обновляла макеты и фиксировала решения в системе, саппортила команду разработки на протяжении всего периода.

Самостоятельное ведение продуктового направления

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

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

Визуальное направление

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

• как меняется компонент в зависимости от контекста;
• какие состояния необходимо предусмотреть;
• где пользователь сталкивается с ограничением;
• какую обратную связь должен получить после действия.

Отдельно прорабатывались пограничные ситуации: недоступные участники, ошибки отправки, удалённые сообщения, ограничения приватности, загрузка контента, пустые списки, управление группой и сценарий последнего администратора.
Такой подход позволил заранее закрыть ситуации, которые обычно обнаруживаются только во время реализации.

Сценарии, состояния и ограничения

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

• элементы списка чатов;
• компоненты сообщений;
• зона ввода;
• превью вложений;
• состояния ответа и пересылки;
• медиа- и файловые сообщения;
• системные уведомления;
• элементы групповых чатов;
• пустые состояния и настройки.

Особое внимание уделялось сообщениям. Компоненты должны были покрывать разные типы контента, роли, статусы и дополнительные состояния без постоянной пересборки структуры.
Новые элементы создавались с учётом повторного использования, расширения функциональности и единообразного поведения на мобильных и веб-платформах.

Расширение основной дизайн-системы продукта

В результате был спроектирован полноценный модуль мессенджера внутри социальной сети: с UX-архитектурой, масштабируемой компонентной системой, системными состояниями, пограничными сценариями и подготовкой к реализации.
Проект объединил сложные коммуникационные сценарии в единую структуру и расширил основную дизайн-систему продукта без создания отдельного визуального слоя.
Для меня этот проект стал примером системного продуктового дизайна, где качество решения определяется не только интерфейсом отдельных экранов, но и логикой компонентов, полнотой состояний, возможностью масштабирования и точностью передачи в разработку.

Результат