Редизайн админпанели
платформы Mindbox
Пользователи быстрее разбираются в возможностях сервиса, а Майндбокс — проектирует и запускает новые фичи
Майндбокс — сервис для омниканальных рассылок и персонализированного маркетинга. С компанией работают 400 клиентов из среднего и крупного бизнеса
Проблемы
Менеджеры тратят много времени на объяснение того, как всё работает
Клиент Майндбокса
Привет! Я опять не могу найти кнопку запуска кампании
Дизайнер
Скидываю макет нового поиска
Фронтендер
Кажется, мы где-то делали похожую штуку
Дизайн новых функций делается очень долго и несистемно
Задачи
- Сделать интерфейс интуитивно понятным
- Ускорить дизайн новых функций
- Ускорить дизайн новых функций
Надо максимально универсально переделать 150 экранов за 3 месяца
Дизайн
Разработали стиль графики и визуального оформления, выбрали сетку, шрифты, иконки и цвета. Интерфейс стал красивым и понятным, а количество обращений в поддержку значительно сократилось
Разработали универсальный вид таблиц и собрали их на компонентах в Фигме
- Теперь все таблицы выглядят одинаково, поэтому пользователи легко находят необходимую информацию
- Разработчики могут быстро отобрать нужные типы ячеек, собрать таблицы на CSS Grid и адаптировать их даже под минимальное разрешение экрана
Визуализировали настройку сценариев
- Сценарии теперь можно рисовать в визуальном редакторе — это проще и нагляднее
- Все настройки собрали в отдельный блок, который можно скрыть при необходимости
Внедрили наглядное отображение отчетов
- Теперь визуальная воронка продаж встроена в аналитический отчет — сразу видно, сколько лидов в нее попадает
- На основе фреймворка с ограниченным набором визуальных настроек нам удалось сделать дизайн графиков, который органично вписался в общую стилистику сайта
Дизайн-система — это язык, на котором говорят несколько команд внутри компании
Разработали фронтенд-компоненты
- Теперь все таблицы выглядят одинаково, поэтому пользователи легко находят необходимую информацию
- Разработчики могут быстро отобрать нужные типы ячеек, собрать таблицы на CSS Grid и адаптировать их даже под минимальное разрешение экрана
Результаты
К сожалению, у нас нет количественных метрик редизайна,
зато есть отзыв CIO/IT-директора Майндбокса Игоря Кудрина:
Раньше было говно,
а сейчас божественная Фигма — и я чувствую себя человеком
Отзыв клиента
Процесс отлично организован, UX-дизайнеры быстро вникают в задачу, сами изучают продукты конкурентов с похожим функционалом. Работаем очень продуктивно, результат получаем именно такой, как планировали
Команда
Арт-директор
Евгений Лучинин
Ведущий дизайнер
Антон Черногоров
Фронтенд
Юрий Феденев
Александр Калинин
Дизайнеры
Анна Глухих
Дмитрий Кожевников
