Проектирование и дизайн SaaS-сервиса
Проектирование функционала и UI/UX-дизайн веб-приложения конструктора голосовых ботов в Figma на базе Bulma.
Клиент: Контактный центр
Ключевые результаты
- Создан современный и лаконичный дизайн сервиса, отличающийся интуитивной понятностью для пользователей — это подтверждалось положительной обратной связью в ходе тестирования и эксплуатации продукта
Контекст
В рамках проекта разработки конструктора голосовых ботов Blablabot (управление командой) я занимался проектированием и созданием дизайна веб-приложения. На тот момент у меня уже был опыт разработки сайтов — более 70 реализованных проектов. Однако проектирование и разработка UI/UX-дизайна для SaaS-сервиса стала для меня новым профессиональным вызовом.
Работа носила системный характер и продолжалась 1,5 года в течение всего периода участия в проекте.
Задачи
- Проектировать функционал сервиса
- Разрабатывать дизайн интерфейса сервиса
- Укладываться в сроки подготовки дизайн-материалов для каждого спринта
Что делал
- Проектировал функционал новых фич и реализовывал дизайн всех экранов и элементов интерфейса в Figma на базе компонентной системы Bulma:
- Формы входа, регистрации и восстановления пароля
- Список проектов со статусами в реальном времени и возможностью фильтрации
- Профиль пользователя
- Биллинг-раздел
- Настройки проекта: выбор SIP-транков, планировщик звонков по времени и дням недели, настройка линий, загрузка баз и другие параметры
- Визуальный конструктор сценариев: элементы рабочей области, модальные окна с настройками блоков, реакций, шагов бота и других компонентов
- Раздел загрузки аудиороликов
- Раздел импорта баз данных для обзвона
- Аналитика: детальная статистика по каждому звонку, сводные метрики по проекту, анализ ответов по шагам сценария и репликам
- Согласовывал дизайн-решения с заказчиком на всех этапах разработки.
Результат
- Создан современный и лаконичный дизайн сервиса, отличающийся интуитивной понятностью для пользователей — это подтверждалось положительной обратной связью в ходе тестирования и эксплуатации продукта.
Галерея работ
Изначально проект разрабатывался под названием Blablabot; позже дизайн и цветовая схема были изменены под бренд заказчика. На скриншотах в галерее название и цвета могут отличаться от тех, что в кейсе лендинга голосового бота.