Октелл — разработчик телекоммуникационного ПО
Рабочее место сотрудника
Ситуация
Компания является одним из разработчиков коммуникационного ПО. Перед началом проекта на рынке сложилась оптимальная ситуация для расширения клиентской базы и обновления продуктов.
Однако, в этот момент проявилась проблема визуальной и функциональной неконсистентности ключевых продуктов.
Цель и задачи
Цель: перевести десктопную версию продукта в веб-версию.
Задача: провести редизайн интерфейса рабочего места сотрудника компании согласно требованиям заказчика, в рамках нового формирующегося визуального стиля.
В интервью с заказчиком и командой внедрения были определены основные разделы и функциональность, которая должна быть сохранена и доработана.
Согласно вводным, MVP должен содержать следующие разделы: контакты, чаты, журнал вызовов, профиль сотрудника и панель софтфона, а также проработанный сценарий звонка.
Мои действия
Предыдущая версия продукта не устраивала заказчика по дизайну — нужно было провести экспертную оценку и исправить недостатки.
Информационная структура осталась прежней, но названия разделов были изменены в соответствии с содержимым.
Навигацию я перенес наверх, чтобы боковая панель не отъедала места у основного контента. Таким образом, композиция элементов стала выглядеть легче, появилось пустое пространство.
Для доработки аватарок контактов я обратил внимание на референсы из игровой индустрии — так у контактов, что подключены к внутренней системе идентификации, появилась граница, разделенная на секторы, повторяющая логотип компании.
В разделе «Чаты» перерисовал внешний вид сообщений, подготовил макеты дополнительных действий для сообщений и чата.
Для журнала вызовов пересобрал грид, из верхней строки перенес фильтры в левую колонку.
При подготовке макетов софтфона оказалось, что нет подготовленной аналитики под эту фичу.
На основе руководства пользователя и интервью с заказчиком, я зафиксировал требования, прописал taskflow, и отрисовал макеты.
Последним этапом собрали адаптив и темную тему
Результаты и вынесенные уроки
Клиент:
— привлек новых клиентов
— получил положительную обратную связь от существующих клиентов на демо
— смог вывести на рынок обновленную версию продукта в запланированный срок
— перевел продукты на новый технический стек и обновил UI
Я и команда:
— переделал старый софтфон в супер-фичу, которая объединяет в себе оригинальный продукт и решения конкурентов
— получил положительную обратную связь от заказчика о работе со мной