Stork.ai — Бизнес-мессенджер
Бизнес-мессенджер с функцией многоканальной записи звонков, генерации краткого содержания и полной транскрипцией звонка, записью экрана на подобии Loom и другими функциями.
Продукт был запущен, но не смог найти свою аудиторию, после чего был закрыт.
Сейчас существует под другим брендом
Yuchat.ai.
Что было сделано:
- проведён анализ конкурентов;
- разработан с нуля интерфейс под Web и Mobile;
- разработана кроссплатформенная дизайн система;
- подготовлены прототипы и проведены ux-исследования;
- сбор и обработка обратной связи по интерфейсу;
- контроль реализации дизайна;
- плотное взаимодействие с СЕО, продактом и командой разработки;
- разработан дизайн сайта и общий визуальный стиль;
- подготовлен набор иллюстраций;
1. Разработка виджета звонка
Проект начался с решения небольшой проблемы озвученной внутри команды
Проблема:
Во время митинга на десктопе в большинстве ПО (на момент создания Stork) окно звонка занимает весь экран, что мешает параллельно заниматься другими вещами. Особенно если это звонок без необходимости смотреть на видеотрансляцию других участников.
Решение:
Был спроектирован “виджет” звонка, который имеет компактный размер, при этом достаточно крупные аватары пользователей для показа изображения с камеры
Тестирование показало положительные результаты и было принято решение, прорабатывать интерфейс дальше.
Проработка UI
Проработка сценариев приватного и публичного звонка
Последняя версия
- добавлена трансляция экрана;
- компактное состояние;
- улучшение интерфейса на основе исследований и отзывов пользователей
2. Мультиканальная запись звонка
Проблема:
В распределенных командах велика вероятность пропустить общий звонок и вместе с тем пропустить важную информацию
Решение:
Была спроектирована запись звонка с разбивкой участников под аудиодорожкам, а также с полной транскрипцией звонка и его краткой выжимкой.
Поиск визуального решения и общего лейаута
Итоговый вариант
UX-исследования помогли выбрать наиболее удачный вариант.
Добавление краткого содержания и транскрипции диалогов
3. Эффект «присутсвия» 😉
Проблема:
В ходе работы над продуктом, было разработано классическое окно мессенджера, но в нём хотелось добавить ощущения "присутсвия".
Решение:
Была спроектирована индикация активности людей.
Индикация в десктопном приложении
Индикация в мобильном приложении
4. Дополнительные материалы
Иллюстрации
Веб-сайт
Мной был создан сайт для продукта и свёрстан на Webflow
Дизайн система
Для упрощения разработки и взаимодействия с разработчиками, была создана дизайн система
