клинет

ООО «Тензор»

отрасль

IT, Деловые коммуникации

год

2022

моя роль

Исследование

Дизайн-аналитика

Прототипирование

Редизайн

UX/UI дизайн

Работа в команде

задача

Редизайн сервиса для создания совещаний: привести к современному виду с удобным интерфейсом, использовать стандартные компоненты, сохранить привычную логику работы программы СБИС.

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

О проекте

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

Появилась потребность красиво и информативно упаковывать совещания/ вебираны.

В процессе исследований и тестирований, оформление совещаний трансформировали в конструктор лендингов.

Начали с исследований

Задачей было произвести редизайн сервиса (старый вид не сохранился), разработать новый функционал для оформления совещаний в виде презентабельных лендингов, продумать как приглашать внешних пользователей на совещания/ вебинары и при этом, сохранить привычную для пользоваелей СБИС логику работы сервиса, использовать стандартные компоненты.

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

СБИС — это сложная система с разными типами учетных записей, и варианты действий над контентом различаются в зависимости от типа учетной записи

01

Основные исследования

Информационная архитектура

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

Провели опросы среди сотрудников и клиентов компании. Выделили ключевые потребности.

Страница создания совещания

На основе проведенных исследований пересобрали страницу создания совещания, визуально разделили описание и участников, вынесли во вкладки разделы «Обсуждения» и «Историю». Сохранили горизонтальную ориентацию страницы, добавили в тулбар опцию «Расширенные настройки».

02

Редизайн сервиса

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

03

Расширенные настройки

Помимо стандартного окна создания совещания проработали интерфейс с расширенными настройками, попасть в которое можно по клику на иконку «Расширенные настройки» в тулбаре.

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

Разделы с различными настройками вынесли в отдельное меню справа. Вкладки «Обсуждения» и «История» также вынесли в меню.

Админ-часть настройки лендинга

С раздела «Оформление» начинается админ-часть для настройки лендинга.

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

Справа под меню добавили дополнительную панель с настройками стилей. Тут же можно перейти во вкладку со всеми шаблонами.

Разработали четыре шаблона лендинга

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

Стили автоматически применяются ко всем шаблонам. Измененный цвет фона отобразится во всех вкладках и разделах совещания, как смена темы оформления.

Шаблоны лендига тёмная тема

Пример настроенного совещания:
● Добавлено изображение
● Выбран тёмный фоновый цвет
● Выбран акцентный цвет

Цвет заголовков, текста, плашек, иконок подбирается автоматически относительно заданных стилей.

Лендинги, вид в браузере

Шаблон №1 — стандарное
наполнение, без изображения

Шаблон № 2 — изображение
в виде баннера

Шаблон № 3 — изображение
и ключевая информация
выделены фоном

Шаблон №4 — изображение
«Асиметрия»

Итак, мы настроили тему оформления, выбрали подходящий шаблон, добавили изображение для лендинга.
Следующий шаг — настройка окна для онлайн звонка.

Окно видеозвонка

Videocall — Видеокоммуникации внутри экосистемы CБИС, фокус в которых сосредоточен на говорящей персоне и демонстрации экрана. Администратор может настроить вид звонка, выбрать компоновку участников: динамическую или статическую.

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

Параметры совещания

В разделе «Параметры» совещания можно настроить регистрацию на совещание (при необходимости), создать внешнюю ссылку на лендинг совещания, указать периодичность.

Настроенная тема оформления применяется ко всем разделам совещания.

Опубликованное совещание в СБИС

После оформления и настройки, администратор публикует совещание. Авторизованные пользователи СБИС получат приглашение в программе. Неавторизованные участники будут приглашены рассылкой на email или в соцсети.

В опубликованное совещания можно попасть:
● из программы СБИС, если участник является авторизованным пользователем
● по внешней ссылке на лендинг совещания.

Разработали систему оформления публичных совещаний в виде лендингов для ведения переговоров
и презентаций услуг СБИС.

Сервис для планирования и хранения событий внутри экосистемы СБИС

Дизайн системы СБИС для направления «Деловые коммуникации»

Имиджевый сайт производственного предприятия компании «Диво»

Новая версия сайта театра «Колесо» имени Глеба Дроздова

Смотрите также