Редизайн раздела кампаний Mindbox

Результат

Контекст

Раздел кампаний – один из центральных разделов Mindbox. Здесь маркетологи создают и запускают email, SMS, pop-up и другие коммуникации, контролируют их статус и управляют кампаниями.

Но интерфейс раздела морально и технически устарел: страницы медленно загружались, могли падать, а визуальный стиль уже не соответствовал уровню продукта.

При этом структура интерфейса повторяла устройство базы данных, а не фокусировалась на задачах пользователя. На первом уровне находились папки, а сами механики – только внутри них. Чтобы создать рассылку, нужно было понять устройство системы, перейти на второй уровень и только там найти нужную кнопку. Часть пользователей не справлялась с одним из главных действий в продукте.

Та же модель мешала дальнейшей работе: рассылки были жёстко привязаны к папкам, а сквозного поиска не было.

Почему проект был важен

У проекта было три фокуса:

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

2. Обновить восприятие продукта. Устаревший интерфейс, сложный путь до создания рассылки и медленная работа мешали проводить демонстрации и показывать ценность Mindbox на встречах с клиентами.

3. Заложить основу нового дизайна. Раздел кампаний стал одним из первых разделов обновлённого Mindbox. На нём мы создавали и проверяли паттерны, которые должны были работать не только здесь, но и в следующих разделах и общей дизайн-системе.

Мой вклад

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

Подробнее про ключевые проблемы и решения

1. Вынес создание рассылки на первый уровень

Решение

Я вывел кампании и создание новой коммуникации на первый уровень. Папки сохранились, но перестали быть обязательной точкой входа.

Это было рискованное изменение: действующие клиенты уже привыкли к своим структурам. Поэтому новый сценарий упростил старт, но не лишил опытных пользователей привычного способа работы.

2. Добавил поиск по названию и превью

Решение

Я добавил два способа поиска:

• сквозной поиск по части названия с подсветкой совпадения;
• режим превью, в котором рассылку можно найти по её внешнему виду.

Первый помогает, когда пользователь помнит хотя бы часть названия. Второй – когда помнит дизайн письма.

Превью рассылок

Поиск по названию

Ссылка на Figma

3. Сделал структуру папок гибкой

Решение

Я добавил:

• перенос рассылок между папками;
• фильтры по статусу и папке;
• сортировку общего списка и содержимого папок.

Теперь пользователь может менять структуру и собирать нужную выборку без повторного создания кампаний.

Выбор папки

4. Заложил основу нового дизайна Mindbox

Решение

Вместе с дизайнерами мы использовали кампании как основу для нового визуального языка. Прорабатывая списки, фильтры и действия, проверяли, смогут ли эти решения масштабироваться на другие разделы и типы контента.

Паттерны создавались не как разовые макеты, а как части будущей дизайн-системы.

5. Совместил редизайн с обновлением фронтенда

Решение

Раздел переносили на новый фронтенд одновременно с редизайном. Я синхронизировал решения с этапами миграции и техническими ограничениями.

Раздел кампаний до редизайна

После редизайна

Результаты подробнее

🥇 Влияние на продажи

По обратной связи команды продаж, обновлённый фронтенд Mindbox стал помогать на демонстрациях, а не портить впечатление от продукта.

Этот результат относится ко всей программе редизайна. Раздел кампаний внёс вклад как один из ключевых экранов демонстрационного сценария.

🥇 Создание рассылки

Изменение: создание коммуникации перенесли с уровня папки на первый экран раздела.

Результат: новые пользователи стали самостоятельно справляться с этой задачей.

Влияние: пользователи самостоятельно справляются с ключевым сценарием без предварительного обучения.

🥇 Поиск и организация кампаний

Изменение: добавили поиск по части названия, визуальные превью, перенос между папками, фильтры и сортировку.

Результат: кампанию можно найти по названию или внешнему виду, а структуру — менять без повторного создания рассылок.

Влияние: маркетологам проще возвращаться к прошлым материалам и поддерживать порядок по мере роста количества кампаний.

🥇 Основа дизайн-системы

Изменение: паттерны для списков, фильтров и действий проектировали с расчётом на повторное использование.

Результат: решения из раздела кампаний стали основой для нового дизайна и следующих разделов Mindbox.

Влияние: команда получила единое направление и могла развивать интерфейс без создания каждого раздела с нуля.

🥇 Скорость и стабильность

Изменение: раздел перенесли на новый фронтенд одновременно с редизайном.

Результат: страницы стали загружаться быстрее и работать стабильнее.

Влияние: технические проблемы перестали мешать созданию, поиску и управлению кампаниями.

🥇 Что изменилось для продукта

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

Одновременно кампании стали основой нового дизайна: на этом разделе команда проверила паттерны, которые затем можно использовать в других частях Mindbox.