Главная / Кейсы / Проектирование и дизайн SaaS-сервиса
Проектирование и дизайн Разработка

Проектирование и дизайн SaaS-сервиса

Проектирование функционала и UI/UX-дизайн веб-приложения конструктора голосовых ботов в Figma на базе Bulma.

Клиент: Контактный центр

Ключевые результаты

  • Создан современный и лаконичный дизайн сервиса, отличающийся интуитивной понятностью для пользователей — это подтверждалось положительной обратной связью в ходе тестирования и эксплуатации продукта

Контекст

В рамках проекта разработки конструктора голосовых ботов Blablabot (управление командой) я занимался проектированием и созданием дизайна веб-приложения. На тот момент у меня уже был опыт разработки сайтов — более 70 реализованных проектов. Однако проектирование и разработка UI/UX-дизайна для SaaS-сервиса стала для меня новым профессиональным вызовом.

Работа носила системный характер и продолжалась 1,5 года в течение всего периода участия в проекте.

Задачи

  • Проектировать функционал сервиса
  • Разрабатывать дизайн интерфейса сервиса
  • Укладываться в сроки подготовки дизайн-материалов для каждого спринта

Что делал

  • Проектировал функционал новых фич и реализовывал дизайн всех экранов и элементов интерфейса в Figma на базе компонентной системы Bulma:
    • Формы входа, регистрации и восстановления пароля
    • Список проектов со статусами в реальном времени и возможностью фильтрации
    • Профиль пользователя
    • Биллинг-раздел
    • Настройки проекта: выбор SIP-транков, планировщик звонков по времени и дням недели, настройка линий, загрузка баз и другие параметры
    • Визуальный конструктор сценариев: элементы рабочей области, модальные окна с настройками блоков, реакций, шагов бота и других компонентов
    • Раздел загрузки аудиороликов
    • Раздел импорта баз данных для обзвона
    • Аналитика: детальная статистика по каждому звонку, сводные метрики по проекту, анализ ответов по шагам сценария и репликам
  • Согласовывал дизайн-решения с заказчиком на всех этапах разработки.

Результат

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

Галерея работ

Изначально проект разрабатывался под названием Blablabot; позже дизайн и цветовая схема были изменены под бренд заказчика. На скриншотах в галерее название и цвета могут отличаться от тех, что в кейсе лендинга голосового бота.