Любая задача, связанная с дизайном, будь то разработка фирменного стиля, создание мерча или оформление стенда на выставке, начинается с брифа. Представим, что заказчик ответил на все вопросы, но готовое решение ему не нравится: его видение дизайна было совсем другим.
Этой ситуации можно избежать, если сделать и согласовать с клиентом мудборд. В статье расскажем, что это такое, где применяется и как его создать.
Мудборд, или «доска настроения» (пер. с англ.), — это визуальный план, который отражает будущую стилистику проекта. Его цель — найти подходящие визуальные образы, определить направление дизайна и передать настроение. С его помощью можно убедиться, что исполнитель и заказчик поняли друг друга правильно, и наглядно донести идею проекта до команды.
Чем мудборд отличается от референса. Референсы — это рандомная подборка идей для вдохновения. Мудборд — это референсы, собранные в единое панно и объединенные общей концепцией. Это может быть коллаж из иллюстраций, фотографий, типографики, цветовой палитры, цитат, элементов интерфейса и т. п.
Где используется мудборд
Мудборд можно использовать в любых креативных сферах, например в маркетинге, дизайне, фотографии, фешен-индустрии, рекламе.
Мудборд в маркетинге помогает определить и согласовать концепцию проекта. Он пригодится, когда нужно обновить дизайн сайта или фирменный стиль, оформить рекламные креативы. Но мудборд можно использовать и в других маркетинговых задачах.
Сегментировать ЦА. Можно сделать мудборды для разных целевых аудиторий и использовать их как основу для рекламных креативов или 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-тестирование и спрогнозировать метрики;
- позволяет понять, каким видит проект заказчик, и предложить дизайн, соответствующий его ожиданиям.
Хотите еще больше советов по работе с контентом — подпишитесь на журнал
Много полезных писем и чуток анонсов наших курсов, чтобы не пропустить интересное