Результат
Контекст
Раздел кампаний – один из центральных разделов Mindbox. Здесь маркетологи создают и запускают email, SMS, pop-up и другие коммуникации, контролируют их статус и управляют кампаниями.
Но интерфейс раздела морально и технически устарел: страницы медленно загружались, могли падать, а визуальный стиль уже не соответствовал уровню продукта.
При этом структура интерфейса повторяла устройство базы данных, а не фокусировалась на задачах пользователя. На первом уровне находились папки, а сами механики – только внутри них. Чтобы создать рассылку, нужно было понять устройство системы, перейти на второй уровень и только там найти нужную кнопку. Часть пользователей не справлялась с одним из главных действий в продукте.
Та же модель мешала дальнейшей работе: рассылки были жёстко привязаны к папкам, а сквозного поиска не было.
Почему проект был важен
У проекта было три фокуса:
1. Исправить ключевой сценарий. Сделать создание и поиск рассылок понятными для новых пользователей, не сломав привычную работу действующих клиентов с папками.
2. Обновить восприятие продукта. Устаревший интерфейс, сложный путь до создания рассылки и медленная работа мешали проводить демонстрации и показывать ценность Mindbox на встречах с клиентами.
3. Заложить основу нового дизайна. Раздел кампаний стал одним из первых разделов обновлённого Mindbox. На нём мы создавали и проверяли паттерны, которые должны были работать не только здесь, но и в следующих разделах и общей дизайн-системе.
Мой вклад
- Пересобрал структуру интерфейса вокруг задач маркетолога.
- Вынес создание коммуникации на первый уровень, сохранив работу через папки.
- Спроектировал поиск по названию и визуальному превью.
- Добавил перенос между папками, фильтры и сортировку.
- Вместе с дизайнерами сформировал паттерны для нового интерфейса и проверял, можно ли использовать их в других разделах.
- Организовал работу двух аутстаф-дизайнеров и координировал реализацию с 8 разработчиками.
- Синхронизировал редизайн с миграцией на новый фронтенд.
Подробнее про ключевые проблемы и решения
Вынес создание рассылки на первый уровень
Проблема
На первом уровне пользователь видел только папки. Кнопка создания появлялась внутри одной из них, поэтому перед запуском рассылки нужно было разобраться в способе её хранения.
Решение
Я вывел кампании и создание новой коммуникации на первый уровень. Папки сохранились, но перестали быть обязательной точкой входа.
Это было рискованное изменение: действующие клиенты уже привыкли к своим структурам. Поэтому новый сценарий упростил старт, но не лишил опытных пользователей привычного способа работы.
Что изменилось
Новые пользователи стали самостоятельно переходить к созданию рассылки, а действующие сохранили работу через папки.
Показать макеты в Figma
Добавил поиск по названию и превью
Проблема
Маркетологи возвращаются к прошлым рассылкам, чтобы переиспользовать контент и идеи. При этом они не всегда помнят название и папку, но часто узнают письмо по внешнему виду.
Решение
Я добавил два способа поиска:
- сквозной поиск по части названия с подсветкой совпадения;
- режим превью, в котором рассылку можно найти по её внешнему виду.
Первый помогает, когда пользователь помнит хотя бы часть названия. Второй – когда помнит дизайн письма.
Что изменилось
Кампанию можно найти по текстовому или визуальному признаку, не зная её точного названия и папки.
Превью рассылок
Показать макеты в Figma
Сделал структуру папок гибкой
Проблема
После создания рассылку нельзя было перенести в другую папку. Если процессы менялись, структура быстро устаревала.
Решение
Я добавил:
- перенос рассылок между папками;
- фильтры по статусу и папке;
- сортировку общего списка и содержимого папок.
Теперь пользователь может менять структуру и собирать нужную выборку без повторного создания кампаний.
Что изменилось
Организацию кампаний можно поддерживать в актуальном состоянии по мере изменения задач.
Выбор папки
Заложил основу нового дизайна Mindbox
Проблема
Готовой дизайн-системы для нового интерфейса у нас не было. Решения для кампаний становились общими паттернами продукта, поэтому их нельзя было проектировать только под один раздел.
Решение
Вместе с дизайнерами мы использовали кампании как основу для нового визуального языка. Прорабатывая списки, фильтры и действия, проверяли, смогут ли эти решения масштабироваться на другие разделы и типы контента.
Паттерны создавались не как разовые макеты, а как части будущей дизайн-системы.
Что изменилось
Редизайн кампаний дал команде набор проверенных решений для дальнейшего обновления Mindbox.
Совместил редизайн с обновлением фронтенда
Проблема
Страницы долго загружались и могли падать. Новый интерфейс без технического обновления не решил бы эту часть пользовательского опыта.
Решение
Раздел переносили на новый фронтенд одновременно с редизайном. Я синхронизировал решения с этапами миграции и техническими ограничениями.
Что изменилось
Страницы стали работать быстрее и стабильнее, а раздел получил основу для дальнейшего развития.
Результаты подробнее
Влияние на продажи
По обратной связи команды продаж, обновлённый фронтенд Mindbox стал помогать на демонстрациях, а не портить впечатление от продукта.
Этот результат относится ко всей программе редизайна. Раздел кампаний внёс вклад как один из ключевых экранов демонстрационного сценария.
Создание рассылки
Изменение: создание коммуникации перенесли с уровня папки на первый экран раздела.
Результат: новые пользователи стали самостоятельно справляться с этой задачей.
Влияние: пользователи самостоятельно справляются с ключевым сценарием без предварительного обучения.
Поиск и организация кампаний
Изменение: добавили поиск по части названия, визуальные превью, перенос между папками, фильтры и сортировку.
Результат: кампанию можно найти по названию или внешнему виду, а структуру – менять без повторного создания рассылок.
Влияние: маркетологам проще возвращаться к прошлым материалам и поддерживать порядок по мере роста количества кампаний.
Основа дизайн-системы
Изменение: паттерны для списков, фильтров и действий проектировали с расчётом на повторное использование.
Результат: решения из раздела кампаний стали основой для нового дизайна и следующих разделов Mindbox.
Влияние: команда получила единое направление и могла развивать интерфейс без создания каждого раздела с нуля.
Скорость и стабильность
Изменение: раздел перенесли на новый фронтенд одновременно с редизайном.
Результат: страницы стали загружаться быстрее и работать стабильнее.
Влияние: технические проблемы перестали мешать созданию и поиску кампаний, а также управлению ими.
Что изменилось для продукта
Раздел перестал быть жёсткой иерархией папок. Теперь пользователь может сразу создать коммуникацию, найти прошлую рассылку по названию или внешнему виду и организовать кампании под текущую задачу.
Одновременно кампании стали основой нового дизайна: на этом разделе команда проверила паттерны, которые затем можно использовать в других частях Mindbox.
