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

Мудборд, или «доска настроения» (пер. с англ.), — это визуальный план, который отражает будущую стилистику проекта. Его цель — найти подходящие визуальные образы, определить направление дизайна и передать настроение. С его помощью можно убедиться, что исполнитель и заказчик поняли друг друга правильно, и наглядно донести идею проекта до команды.

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

Где используется мудборд

Мудборд можно использовать в любых креативных сферах, например в маркетинге, дизайне, фотографии, фешен-индустрии, рекламе.

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

Сегментировать ЦА. Можно сделать мудборды для разных целевых аудиторий и использовать их как основу для рекламных креативов или email-рассылок. Также инструмент поможет визуализировать характеристики разных аватаров ЦА: хобби, место жительства, род занятий, стиль жизни.

Провести А/В-тестирование. Можно проверять разный визуал, а затем улучшать его по результатам тестов.

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

Что видим на мудборде выше?

• Стиль проекта: минимализм, чистые цвета, контрастная типографика.
• ЦА: молодые разработчики, инженеры, веб-дизайнеры.
• Ценности компании: время — главный ресурс.

Как делать мудборд

Ниже приведены этапы составления мудборда: от постановки ТЗ до презентации заказчику.

Провести брифинг и составить ТЗ

Сперва нужно понять, что требуется от мудборда и каким должен быть результат. Для этого команда маркетинга обсуждает с заказчиком:

• цели и задачи проекта;
• ЦА проекта;
• есть ли у компании фирменный стиль;
• настроение проекта, с какими образами он ассоциируется;
• какие работы по теме нравятся и не нравятся клиенту и почему.

Что еще может пригодиться для мудборда: брендбук и примеры фирменного стиля.

После встречи у маркетолога остается заполненный опросник и референсы.

Найти идеи

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

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

Как создавать визуальный контент

Pinterest. В Pinterest можно искать аналоги к выбранным изображениям и создавать свои подборки. Если к основному запросу добавить «вдохновение», то можно найти множество креативных идей.

Behance или Dribbble. Сюда выкладывают свои работы дизайнеры со всего мира.

• Для поиска идей на Behance есть удобная система фильтров: можно выбрать область творчества, инструменты, с помощью которых реализован проект, цветовое решение, страну и даже профессиональную школу.
• В Dribbble можно найти референсы по анимации, брендингу, иллюстрации, типографике, продуктовому дизайну.

Awwwards. Интернет-сайт конкурса профессиональных веб-дизайнеров и разработчиков. Лучшие проекты публикуются в ежегодной книге «365 лучших интернет-сайтов со всего мира» и поощряются на церемонии награждения Awwwards.

Unsplash или Freepik. На фотостоке Unsplash можно найти более полумиллиона изображений из самых разных категорий: монохром, фешен, уличная фотография, еда и напитки, архитектура и многие другие. В библиотеке Freepik есть не только изображения, но и шрифты, иконки, видео, 3D-картинки, файлы в формате PSD.

Собрать мудборд

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

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

• Не используйте слишком много цветов. Цветовую гамму стоит ограничить тремя оттенками: один из них является основным, а два дополнительных используются в качестве акцентов.
• Ограничьте количество фрагментов на доске. Для визуализации идеи достаточно 5–7 компонентов.
• Не сочетайте спокойные и серьезные образы с веселыми и милыми. Если у вас в голове несколько разных визуальных концепций, лучше сделать отдельные мудборды для каждой.
• Якорные объекты располагайте в центре. Туда в первую очередь падает взгляд.
• Не увлекайтесь скриншотами и готовыми интерфейсными решениями. Задача мудборда — создать правильную картинку в голове, а не рассказать о технических характеристиках продукта.

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

Согласовать и утвердить

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

Команда рассказывает о каждом элементе мудборда и объясняет, как он будет использоваться в дизайне, как соотносится с ЦА проекта, что будет отличать его от конкурентов.

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

Сервисы для создания мудборда

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

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

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

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

Miro. Платформа известна как сервис для создания схем, майндмэпов и канбан-досок, но ее можно использовать и для мудбордов. Готовых шаблонов под эту задачу нет, но достаточно просто перетащить картинки с рабочего стола на доску и расположить их так, как нравится. К ним легко добавить объекты вроде кружочков с нумерацией, текстов, стрелок, диаграмм и рисованных линий.

MoodBoardly AI. Нейросеть для создания мудбордов. Такой инструмент удобно использовать для преодоления страха чистого листа, поиска вдохновения и свежих референсов. Нейросеть генерирует мудборды по заданным параметрам: тематике, стилю и цветовой гамме. Можно создавать готовые доски, используя промты, или с помощью пустого шаблона.

Коротко: зачем нужен мудборд

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

• помогает собрать и структурировать идеи для будущего дизайна;
• позволяет составлять портреты ЦА и разрабатывать Tone of Voice;
• помогает провести A/B-тестирование и спрогнозировать метрики;
• позволяет понять, каким видит проект заказчик, и предложить дизайн, соответствующий его ожиданиям.