Top.Mail.Ru

Как визуализировать проект для заказчика: что такое мудборд и как его создать?

Как сделать и оформить мудборд для бренда заказчика, а также приложения для создания мудборда и советы от наших дизайнеров.
Дата13 ноября 2023

Мудборд – это один из вспомогательных инструментов дизайнера, который помогает помогает передать настроение будущего проекта. А при грамотном составлении мудборд значительно упрощает жизнь работу дизайнера и других специалистов. Что это за инструмент и как с ним работать – рассказываем в нашей статье.

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

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

Обсудите ваше продвижение с экспертами
Ваше имя
Ваш телефон
Ваш e-mail
Отправляя свои данные, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности.

Что такое мудборд?

Мудборд переводится с английского как «mood board» — доска настроения.

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

➡️ Чаще всего мудборд в работе применяют дизайнеры. Но другие специалисты тоже им активно пользуются. Например, с помощью мудборда smm-специалисты, маркетологи, менеджеры по продажам и проджекты презентуют клиенту визуальное оформление будущего проекта.

Мудборд позволяет нам с первых секунд считать «настроение» и основную визуальную концепцию, которая передает позиционирование бренда.

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

Зачем нужен мудборд?

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

Мудборд должен быть целостным и нести в себе то «настроение», которое бы легко считывалось и ассоциировалось с брендом.

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

📍Для клиента мудборд — это наиболее удобный способ увидеть визуальный результат и соотнести его со своим брендом, понять, насколько дизайнер смог грамотно «визуализировать позиционирование».

📍Для маркетологов и менеджеров по продажам мудборд — это способ расположить к себе клиента, ведь человек наиболее восприимчив к тому, что видит, а не к сухому тексту или речи.

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

Принципы и правила создания мудборда

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

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

❗️При этом, целостность вовсе не означает, что нужно подбирать только те картинки, фотографии и надписи, которые подходят друг другу визуально и по цвету. Главное — идея. И визуальные элементы может объединять не только цвет, но и форма, эпоха, стиль и эмоции.

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

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

Перед встречей необходимо заранее составить бриф и уточнить в нем все основные вопросы:

  • что за продукт?
  • какая целевая аудитория?
  • какие основные конкуренты?
  • есть ли примеры визуальных элементов, которые нравятся и хотелось бы их видеть у себя?
  • есть ли бренд-стратегия?
  • есть ли ранее составленные гайдбуки/брендбуки?
  • какие пожелание по визуальномуу оформлению?
  • если ранее был опыт в составлении визуальных стратегий, было ли что то, что не нравилось?

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

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

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

Какими бывают референсы, где их искать и чем вдохновлялся Тарантино во время съемок «Криминального чтива» читайте в нашей статье:

Что такое референсы и зачем они нужны?

Чаще всего основа мудборда — это картинки.

Их можно найти по заданной теме на: Pinterest, Dribble, Behance, Saveeit. Все, что кажется вам подходящим — сохраняйте и располагайте рядом друг с другом, чтобы наглядно видеть насколько картинки сочетаются между собой.

Но с мудбордом для сайта часто работают немного иначе — тут в качестве референсов выступают другие сайты и их решения с точки зрения UX и UI.

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

А узнать, что такое UX и UI-дизайн и как он влияет на поведение пользователя на сайте, можно в нашей статье:

Что такое UX и UI-дизайн? Как провести юзабилити-аудит сайта? Чек-лист от Molinos

📍 Третий этап – отбор наиболее подходящих фото. После того как вы нашли несколько фото/референсов, ваша задача оставить 5-6 основных, которые наиболее точно отражают ваш бренд. Компануйте, совмещайте, заменяйте или добавляйте, но из большого количества контента у вас должно остаться не более 5-6 фото.

📍 Четвертый этап – подбор дополнительных элементов. А именно — цветов, шрифтов, объектов и других визуальных составляющих.

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

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

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

Визуальные элементы можно поискать также на перечисленных выше ресурсах, сайтах, в соцсетях, аккуратно заскринив интересующий фрагмент. А если вы владеете Adobe Photoshop, Adobe Illustrator или Sketch, то их можно и вовсе нарисовать!

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

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

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

Приложения для создания мудбордов

В целом, удобные инструменты для создания мудборда — это Adobe Photoshop, Illustrator, InDesign, Figma, Sketch, а также отдельные программы для рисования — Krita, SAI Paint Tool, MediBang Paint.

Smm-специалисты, маркетологи и коммерческие менеджеры, которые не владеют профессиональными программами, могут использовать мобильное приложение UNUM или Google презентации.

Полезные советы

Ключ к хорошему мудборду – ваша насмотренность, которую нужно регулярно тренировать и улучшать.

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

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


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

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

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

Получить консультацию по SMM-продвижению от экспертов
Ваше имя
Ваш телефон
Ваш e-mail
Отправляя свои данные, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности.
Интересное из мира Digital

Статьи из мира Digital

15 минут на прочтение
Что такое UX и UI-дизайн? Как провести юзабилити-аудит сайта? Чек-лист от Molinos
Как оценить, насколько сайт удобен для пользователя? И что такое удобство, когда мы говорим о сайте? Рассказываем, что такое UX и UI, а также делимся чек-листом, который поможет сделать сайт эффективнее.
17 минут на прочтение
Как создать чат-бот в Telegram, WhatsApp и ВКонтакте — подробная инструкция и примеры
Чат-бот и свобода от рутины — это почти синонимы. Рассказываем, как создать чат-бот самостоятельно, какие задачи ему отдать и что выбрать: конструктор или разработку.
6 минут на прочтение
CJM: что, зачем и как? Разработайте лучший клиентский опыт уже сегодня
Если вы хотите знать, как именно потребитель взаимодействует с вашей услугой, где и с какими барьерами он сталкивается, карта путешествия клиента покажет все проблемные места
Ведущий UX-специалист
4 минуты на прочтение
Чек-лист: топ-4 тенденции в юзабилити 2021
Мир меняется. Старые подходы к юзабилити перестают работать, в том числе, старые способы формирования доверия и лояльности пользователей. Итак, какие тенденции в UX 2021 мы наблюдаем, и что можно сделать уже сейчас, чтобы что-то кому-то продать в новом мире?
16 минут на прочтение
Часто задаваемые вопросы про юзабилити
Что больше всего интересует наших клиентов по юзабилити сайтов? Собрали ответы на самые популярные вопросы, и оформили в формате комиксов.
Ведущий UX-специалист
14 минут на прочтение
Аудит интернет-магазина
Статья написана на основе материалов из выступления Анны на MeetUp «Ecommerce marketing», который прошел 8 ноября 2019 года. Для этого мероприятия эксперты Molinos и Яндекс.Маркет подготовили авторские выступления.
4 минуты на прочтение
Запуск А/В тестирования с помощью Google Optimize
В статье мы поговорим о том как провести split test и о нюансах, которые важно учесть при проведении эксперимента.
UX-специалист
6 минут на прочтение
Обзор сервисов юзабилити-тестирований
У вас есть гипотеза? Хотите ее быстро апробировать? Или хотите что-то спросить у пользователей? Получить ответы на свои вопросы вам помогут сервисы юзабилити-тестирований.
UX-специалист
12 минут на прочтение
Словарь UX-терминов
Термины для понимания специфики работ по юзабилити.
UX-специалист
6 минут на прочтение
Качественные юзабилити-тестирования. Как проводим, в каких случаях необходимы, что в результате?
Поговорим в статье о проведении юзабилити-тестирования с привлечением респондентов из целевой аудитории.
Ведущий UX-специалист
6 минут на прочтение
5 принципов проектирования для людей с цветовой слепотой
Доступность — возможность использования интерфейса всеми, независимо от физических или технических ограничений. Поговорим о простых правилах, которые помогут разработчику сделать интерфейс более дружелюбным к пользователям с цветовой слепотой.
UX-специалист
6 минут на прочтение
Полный Sold Out на детском шоу. От 0 до 3 млн рублей за 1 месяц
Кейс, в котором мы открыто покажем расходы, доходы и конверсии.
Менеджер проекта
4 минуты на прочтение
Обоснованный UX с помощью технологии айтрекинга
Привычные методы тестирования и аналитики опираются на ожидаемое восприятие целевой аудитории, но понять, как потребители думают, можно только с применением eye-tracking технологии.
Ведущий UX-специалист