Реновация Опенленда

Июнь 2020

Опенленд — месенджер для бизнеса и сообществ. Компания прошла Вай-си-комбинатор и привлекла 2,3 миллиона долларов инвестиций. После внедрения дизайн-системы я взялся за полное обновление продукта и добавление новых функций.

Чаты

Месенджер классически разделён на список чатов и открытый чат с сообщениями. Чаты бывают личными и групповыми, публичными и закрытыми, бесплатными и платными. В них отправляют текст, ссылки, стикеры, фото, видео, файлы.

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

Продуманы все компоновки сообщений с разным содержанием, реакциями, цитатами. Для пересланных сообщений предусмотрен компактный вид.

Особая гордость — представление ссылок на десктопе. Какими бы ни были картинки, заголовки и описания, ссылки выглядят роскошно.

В интерфейсе много других полезных штук и приятных деталей.

Долгое нажатие на сообщение вызывает меню с реакциями и действиями. В режиме выбора доступна работа с несколькими сообщениями одновременно.

При ответе показано родительское сообщение. Нажатие прокручивает к точному месту в переписке.

Редактирование сообщений устроено похожим образом.

При пересылке предлагается выбрать подходящий чат.

Закреплённое сообщение компактно повисает под шапкой.

Удаляются сообщения сразу у всех — интерфейс предупреждает об этом.

Под каждым сообщением может развиваться вложенная дискуссия. Такие ветки формируются древовидно.

В профиле чата доступна основная информация, ключевые действия, список участников и отправленные материалы.

Найти нужное медиа, файл или ссылку не составляет труда.

Управление чатом возможно и через меню всех действий на экране переписки.

Отсюда добавляют в чат людей из списка контактов.

Отправляют секретную ссылку для вступления извне.

Находят сообщения по ключевым словам.

Редактируют информацию и настраивают чат.

На старте месенджера Опенленд предлагает полезные действия в зоне открытого чата вместо бесполезной заглушки.

Контакты

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

Особенно круто профили выглядят в мобильных приложениях.

Дискавер

Автоматические рейтинги и редакторские подборки в Дискавере помогают находить новые чаты по интересам.

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

При публикации ссылок подтягиваются красивые сниппеты.

Настройки

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

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

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

Выставляют частоту почтовых оповещений и рассылок.

Выбирают тему интерфейса и акцентный цвет.

Узнают о приложении больше и переходят к правовым документам.

Платежи

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

Автора классного материала или полезного сообщения легко отблагодарить — достаточно указать сумму и прикрепить сообщение.

Онбординг

Система ведёт за ручку через цепь простых шагов. Вводите номер телефона и код из смс — попадаете внутрь. Нет аккаунта? Заполняете пару полей. Пришли по приглашению или по ссылке на чат? Не задерживаем, вас уже ждут. Зашли «с улицы»? Уточняем интересы и рекомендуем чаты.

Меньше чем за год мы с командой превратили прототип месенджера в устойчивый продукт для дальнейшей проверки гипотез и выхода на массовую аудитории. «Дизайн — охуенный», — сказал основатель одного из крупнейших в мире месенджеров про Опенленд.