Назад

Breez

Корпоративная платформа ✶ для безопасной коммуникации и совместной работы

CollaborationEnterpriseWeb & Desktop

Designer, Teamlead

2024

Russia

11 months

Link to product

Breez — корпоративная платформа для безопасной коммуникации

Контекст

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

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

Мы взялись спроектировать с нуля новые тяжёлые модули: чаты со сложными вложенными сущностями, таск-трекер и интерактивные доски (Whiteboards), опираясь на лучшие мировые практики (Slack, Jira, Miro)

Моя роль

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

Помимо ревью и синхронизации, я лично подключалась к проектированию сложных и приоритетных задач со стороны клиента и дорабатывала их руками

Ключевые разделы

Каждый модуль проектировался так, чтобы связать синхронное общение (звонки) и асинхронную работу (задачи, доски) в бесшовный интерфейс

Раздел #1 ⋅ Главная страница

Основной задачей на старте было собрать много разнородной информации в единый интерфейс, откуда пользователь мог бы быстро понять текущее состояние работы

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

Главная страница — обзор
Главная страница — точка входа
1/1

Раздел #2 ⋅ Комнаты для совещаний и вебинаров

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

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

Комнаты — список
Комната встречи
Вебинар — режим спикера
1/1

Раздел #3 ⋅ Календарь

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

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

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

Календарь — неделя
Календарь — событие
1/1

Раздел #4 ⋅ Доски

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

Нам предстояло спроектировать среду, которая сохраняет управляемость и не превращается в хаос, даже когда на одной доске одновременно работает много сотрудников и создаются десятки объектов. Мы сфокусировались на пространственной навигации: закрепили плавающие панели инструментов по краям экрана, чтобы они никогда не перекрывали рабочую область холста. Также мы детально проработали механику «захвата» элементов

Доска — рабочая область
Доска — список досок
1/1

Раздел #5 ⋅ Задачи

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

В итоге спроектировали Kanban-доски и списки, завязав всю навигацию на быстрое считывание статусов. Чтобы найти баланс между требованиями менеджеров и линейных сотрудников, мы использовали принцип прогрессивного раскрытия данных. Основное состояние карточек на экране отвечает только на три главных вопроса: «кто, что и к какому сроку делает», а вся сложная аналитика, кастомные поля и настройки автоматизации открываются по требованию в боковой шторке, не перегружая ежедневный рабочий фокус

Задачи — канбан
Задача — карточка
Задачи — фильтры
1/1

Раздел #6 ⋅ Чаты

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

Мы выстроили строгую визуальную иерархию для вложенных ответов (тредов) и длинных цепочек цитирования, разделив информационные потоки по проектам. Главным решением стало создание сквозных микро-сценариев: чаты бесшовно интегрированы с другими модулями платформы: пользователь может запустить видеозвонок в один клик прямо из группового канала или мгновенно превратить любое сообщение в задачу для трекера, не выходя из окна диалога и не теряя нить обсуждения

Чаты — список
Чат — диалог
1/1

В итоге

Мы успешно пересобрали продукт, превратив изолированный сервис видеосвязи в полноценную единую платформу, способную заменить сразу несколько зарубежных инструментов (Jira, Slack, Miro). Платформа должна закрывать ключевые потребности крупного бизнеса и B2G-сектора в рамках одного цифрового пространства

В процессе работы я:

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

Оптимизация командного взаимодействия

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

Снижение когнитивной нагрузки

За счёт глубокой проработки микро-UX и своевременного ухода от перегруженных дашбордов к минималистичным решениям, мы создали среду, в которой пользователи легко удерживают контекст и управляют сложными рабочими процессами без рутинных настроек

Фундамент для масштабирования

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