Редизайн

сервиса Майндбокс

Пользователи быстрее разбираются в возможностях сервиса, а Майндбокс — проектирует и запускает новые фичи

Платформа

Веб

Клиент

Майндбокс,

SaaS-платформа

Платформа

Проектирование, UI, дизайн-система, фронтенд

Майндбокс — сервис для омниканальных рассылок и персонализированного маркетинга. С компанией работают 400 клиентов из среднего и крупного бизнеса

ПРОБЛЕМы

Менеджеры тратят много времени на объяснение того, как всё работает
Клиент Майндбокса
Привет! Я опять не могу найти кнопку запуска кампании
Дизайнер
Скидываю макет нового поиска
Фронтендер
Кажется, мы где-то делали похожую штуку
Дизайн новых функций делается очень долго и несистемно

Задачи

Сделать интерфейс
интуитивно понятным
Ускорить дизайн новых функций
Собрать фронтенд-
компоненты
  • Сделать интерфейс интуитивно понятным
  • Ускорить дизайн новых функций
  • Ускорить дизайн новых функций
Надо максимально универсально переделать 150 экранов за 3 месяца
Игорь Кудрин
,
CTO Майндбокса после первой встречи

ДИзайн

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

Разработали универсальный вид таблиц и собрали их на компонентах в Фигме

  • Теперь все таблицы выглядят одинаково, поэтому пользователи легко находят необходимую информацию
  • Разработчики могут быстро отобрать нужные типы ячеек, собрать таблицы на CSS Grid и адаптировать их даже под минимальное разрешение экрана

Визуализировали настройку сценариев

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

Внедрили наглядное отображение отчетов

  • Теперь визуальная воронка продаж встроена в аналитический отчет — сразу видно, сколько лидов в нее попадает
  • На основе фреймворка с ограниченным набором визуальных настроек нам удалось сделать дизайн графиков, который органично вписался в общую стилистику сайта
Дизайн-система — это язык, на котором говорят несколько команд внутри компании
Аня Глухих
,
Дизайнер

Разработали фронтенд-компоненты

  • Теперь все таблицы выглядят одинаково, поэтому пользователи легко находят необходимую информацию
  • Разработчики могут быстро отобрать нужные типы ячеек, собрать таблицы на CSS Grid и адаптировать их даже под минимальное разрешение экрана

Результаты

К сожалению, у нас нет количественных метрик редизайна, зато есть отзыв технического директора Майндбокса Игоря Кудрина:

Раньше было говно,
а сейчас божественная Фигма — и я чувствую себя человеком

Отзыв клиента

Процесс отлично организован, UX-дизайнеры быстро вникают в задачу, сами изучают продукты конкурентов с похожим функционалом. Работаем очень продуктивно, результат получаем именно такой, как планировали
Влад Покуса
,
продакт-менеджер

Команда

Арт-директор

Евгений Лучинин

Ведущий дизайнер

Антон Черногоров

Фронтенд

Юрий Феденев
Александр Калинин

Дизайнеры

Анна Глухих
Дмитрий Кожевников