Как превратить мудборд в мощный инструмент маркетинга и переговоров

Маркетолог готовит кампанию для пиццерии в центре. В голове у него есть образ: тёплая атмосфера, яркие красные и оранжевые акценты, дымящийся сыр на пицце. Дизайнер слышит это описание, но понимает по-своему:

• «Тёплая атмосфера» для него — когда в окна бьёт солнечный свет и все ходят в шортах, а маркетолог представлял дождь за окном в ноябрьский день. 
• Яркие акценты задумывались в цвете осенней листвы, а получились кислотные цвета, как из рекламы газировки. 

Изначальный посыл был: «мы создаём уют в холодные дни», но визуал вышел летним. Чтобы избежать таких ситуаций, используют мудборд — инструмент для визуализации идей. Он помогает быстро собрать стилистику проекта и согласовывать её с командой и подрядчиками. 

В статье рассказываем, как работать с мудбордом и быстро его собрать.

Зачем собирать мудборд: 4 причины

Этот инструмент пригодится любому специалисту, который работает с визуальной частью: от маркетолога до арт-директора. У них будет схожая цель — определить направление будущего проекта. Рассмотрим подробнее, в чём преимущества визуальной доски.

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

Даёт заказчику представление о проекте. Клиент не всегда разбирается в сетках, шрифтах и нюансах дизайна, поэтому объяснить концепцию на словах бывает сложно. Мудборд помогает конкретизировать идею: вместо абстрактного «сделаем современно и ярко» заказчик видит сочетание цветов, примеры и стиль иллюстраций. Так проще обсудить идею и скорректировать направление.

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

Формирует базу для будущих проектов. Мудборд может пригодиться в разных кампаниях. Наработки можно использовать для email-рассылок, оформления соцсетей и сезонных кампаний. 

Референс и мудборд: в чём отличия 

Основная разница — в масштабе.

Референс — отдельный пример, который помогает объяснить идею. Это может быть картинка, видео, текст, макет сайта или часть чужого проекта. Его задача — показать, в каком направлении команда хочет двигаться. Например, маркетолог прикладывает скриншот сайта конкурента, чтобы обозначить удобную структуру главной страницы. Референсы обычно собирают в папку на компьютере, в Pinterest, гугл-док или просто в заметки.

Мудборд — это коллекция таких референсов. В отличие от набора разрозненных картинок, мудборд — структурированная доска, где каждый элемент играет роль. Здесь сразу видна логика: цвета, типографика, стиль фото, настроение и композиция. Мудборд помогает увидеть концепцию проекта.

Где можно создать мудборд: 6 сервисов

При желании мудборд можно сделать и в офлайн-формате — например, устроить мозговой штурм для команды и сделать большой коллаж из фотографий и вырезок. Но всё-таки удобнее собирать мудборд в онлайн-программах. Рассмотрим шесть из них. 

Figma: самый гибкий инструмент. В одном пространстве можно собрать референсы, сделать макет и даже превратить его в прототип. Удобно использовать плагины и сетки. Все элементы легко двигать, группировать и подписывать. Когда кто-то заходит на доску и что-то на ней правит, изменения видны в реальном времени. Минус: требует базовых знаний дизайна, иначе легко запутаться в функционале.

Miro: подходит для мозговых штурмов. В нём можно вместе с командой добавлять изображения, комментировать и структурировать элементы. Доска может быть бесконечной по ширине — удобно, если нужно собрать много материалов. 

Есть и минусы. Новичкам интерфейс покажется сложным, а в самом сервисе нельзя пользоваться функциями по подписке — в 2024 году компания ушла из России. Если у вас есть аккаунт, вы можете создать до трёх досок.

Pinterest: самый простой и быстрый вариант. В приложении можно создавать тематические доски и сохранять понравившиеся материалы в свой профиль. Объединить их в один коллаж не получится, зато рассортировать идеи по папкам — легко.

Adobe Firefly: визуальный конструктор на базе ИИ. Для мудборда в сервисе есть специальная функция — «Доски Firefly». С её помощью можно создать визуальную доску с готовыми изображениями внутри Adobe, своими или стоковыми картинками, а также создавать новые с помощью ИИ. Над мудбордом можно работать совместно с командой, комментировать и редактировать дизайн в реальном времени.

Power Point: если нужно собрать визуальные идеи в один мини-проект. Здесь, как и в специализированных сервисах, можно добавлять изображения, текстовые блоки, ссылки и схемы, группировать слайды по темам и менять фон. Удобно для презентации идей клиенту или команде: на каждом слайде можно отдельно показать стилистику, визуал и шрифты для проекта. Минус — недостаточно инструментов для разбивки элементов на одной странице.

Niice: готовые шаблоны с окошками для картинок. В них можно добавлять изображения, текст и менять фон доски. Элементы удобно структурировать по категориям, есть возможность добавлять заметки и ссылки. Niice поддерживает совместную работу и позволяет делиться мудбордами по ссылке или через электронную почту. Минус — ограничения в использовании. В бесплатном тарифе можно создать до 3 мудбордов, для большего количества потребуется подписка.

Далее рассмотрим создание мудборда в сервисе Niice. Его просто освоить и в отличие от многих сервисов, стабильно работает без VPN.

Как сделать мудборд: пошаговый гайд

В этом блоке разберём каждый этап: от формирования идеи до финальной сборки. Для примера возьмём кейс фитнес-студии, которая запускает программу осенних тренировок. Задача — собрать визуальную концепцию, которая подойдёт для нескольких каналов: от соцсетей до рекламных баннеров.

Шаг 1. Определяем цель и стиль. Мудборд начинается с идеи самой рекламной кампании. Поэтому, прежде чем собирать изображения, решите, какое настроение хотите показать. Для осенней программы это может быть:

• Тёплая атмосфера с бесплатным чаем в зоне ожидания.
• Осенние цвета — оранжевый, бордовый, горчичный.
• Активные люди на тренировках в яркой форме.

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

Шаг 2. Собираем визуальные референсы. Это основа мудборда — чем больше примеров, тем проще прийти к единой идее. Подготовьте картинки, фото, скриншоты с сайтов конкурентов и цветовую палитру. Всё это можно найти на бесплатных стоках по типу Unsplash, а также Pinterest, соцсетях и внутренних документах компании. А для палитры используйте онлайн-сервисы, например, Adobe Color или Canva. Лучше сохранить весь визуал в одной папке.

Шаг 3. Выбираем шаблон. Перед тем, как загрузить иллюстрации на доску, нужно продумать их расположение. Для этого и есть шаблоны — визуал будет располагаться так, как показано на схеме. Но картинки можно уменьшать или наоборот, увеличивать, и менять местами. Оставьте комментарии для коллег, чтобы им было понятно, где будет похожая иллюстрация или в чём идея визуала.

Шаг 4. Собираем мудборд. Загружаем иллюстрации так, чтобы сразу была видна логика: ключевой визуал — ближе к центру крупным размером; цветовая схема, типографика, акции — более мелким форматом сбоку. Постарайтесь уместить на мудборде не более 10-12 визуальных элементов. Этого достаточно, чтобы не потерять фокус и отразить стилистику проекта.

Шаг 5. Проверяем мудборд. Посмотрите, что вписывается в концепцию, а что нет. Уберите лишние картинки и оставьте только те, которые раскрывают идею проекта. В нашем случае — развеять осеннюю хандру с помощью тренировок в фитнес-зале. После этого сохраните мудборд и поделитесь им с командой или клиентом.

Заключение: что стоит запомнить

Мудборд — это инструмент для маркетологов, дизайнеров и других специалистов в маркетинге. Он помогает собрать визуальную концепцию проекта в одном месте, согласовать идеи с командой и клиентом.

Главное отличие от референсов — структурность. Референсы могут лежать в папке разрозненно, а мудборд показывает целостную картину.

Создать мудборд можно в разных сервисах — от Figma и Miro до платформ вроде Niice. Выбирайте инструмент, в котором вам проще работать с командой. Начинайте создание мудборда с формулировки цели. Затем соберите референсы и выстроите их в логичную визуальную историю. Уже на этом этапе вы получите готовую основу для проекта, которая сэкономит ресурсы всех следующих шагах.