AffArts 
Тендеры и лиды
Информация
Мудборд собрали — всё красиво: стильные шрифты, атмосфера, немного модных упаковок. Клиент одобрил, команда пошла дальше. А на этапе концепции всё разваливается. Вроде бы каждая картинка хороша, но вместе они не работают. Стиля нет, настроение не считывается, направление неясно. Такое случается, когда мудборд собирают по наитию, а не по задаче. Рассказываем, что с этим делать.
В AffArts мы создали 600+ проектов и поняли, как найти подход к каждому. Входим в топ-3 молодых дизайн-агентств по версии Рейтинга Рунета, становимся партнёрами для наших клиентов и побеждаем в премиях.
Мудборд — это подборка смысловых и стилевых референсов, которые отражают позиционирование бренда и помогают собрать идеи для визуального языка. А если проще, это инструмент, который заранее определит, что будет доносить дизайн: какие приёмы используются, какое настроение транслируется, как доносятся идеи через визуал.
Этот этап нужен и команде, и клиенту.
Для команды это способ:
Для клиента это возможность повлиять на визуальный язык у истоков. На этапе мудборда формируются принципы построения стиля — и если что-то не откликается, это можно обсудить сразу, а не в момент, когда уже готов макет. Это экономит время и клиенту, и команде.
Мудборды бывают разными — всё зависит от задачи и стадии проекта. В AffArts мы используем несколько подходов, чтобы точнее подобрать визуальное направление и заранее договориться с клиентом.
Style Scape Framework
Подход, в котором создаётся проработанный мудборд с элементами будущего бренда. В него входят:
Такой формат помогает зафиксировать визуальный язык бренда до начала проектирования интерфейсов и уточнить общее направление стиля.
Design Direction Grid
Матрица с двумя осями, которая помогает визуализировать характер бренда. В неё входят:
Такой подход позволяет собрать 2–3 стилистических варианта и определить, в какую сторону двигаться.
Vibe Spectrum
Шкала настроения, собранная из визуальных противоположностей. В неё входят:
Такой мудборд помогает лучше проговорить визуальные ожидания внутри команды и вместе с клиентом.
На первый взгляд кажется, что собрать мудборд — задача простая: открыть Pinterest, найти красивые картинки, разложить их в Figma и показать клиенту на созвоне. Но это иллюзия. Такой подход скорее запутает — и вас, и клиента.
Представьте, вы собираете мудборд для булочной. В одном проекте вам понравилась иллюстрация, отсылающая к бабушкиному уюту. В другом — заметная типографика, с характером и акцентом. По отдельности обе находки сильные. Вы их добавляете — приёмы-то хорошие. Клиенту они тоже нравятся, поэтому вы берёте в работу референсы и начинаете собирать концепцию. И тут вы понимаете: если всё объединить, получится каша, а настроение бренда так и осталось нераскрытым.
Такие подборки не помогают принять решение. Они не дают направление, не объясняют логику, не подсказывают, куда двигаться дальше. А ведь именно в этом — задача мудборда.
Он нужен, чтобы зафиксировать визуальные решения, которые соответствуют голосу бренда. Чтобы клиент мог понять и выбрать подход. И для этого начинать нужно не с референсов, а с общего настроения. Как бренд должен звучать? Какую эмоцию вы хотите передать? Сформулируйте это — и только потом ищите визуальные подтверждения.
Определите, с кем говорит бренд — и как он это делает. Старайтесь конкретизировать: кто аудитория, какую эмоцию бренд хочет вызывать, каким тоном разговаривать. В этом поможет первичный бриф — о том, как его проводить, мы уже рассказывали.
Допустим, вы работаете над визуалом для новой соцсети знакомств. Её целевая аудитория — молодые люди, которые ищут не столько «вторую половинку», сколько лёгкое, ненапряжное общение. Это задаёт и тон — игривый, тёплый, дружелюбный. А дальше появляются слова, которые описывают бренд: «наивный», «открытый», «человечный», «живой».
Эти прилагательные создают настроение. Это опорные точки, на которых строится мудборд. Каждый референс должен подтверждать одно из этих качеств. Если картинка красивая, но не передаёт нужный тон, она лишняя.
Позиционирование помогает задать рамку и избавляет от случайных решений. Визуальные приёмы уже не висят в воздухе — они становятся продолжением голоса бренда. В этом смысле мудборд — это не просто вдохновение, а перевод позиционирования с языка слов на язык образов.
Так, например, мы составляли мудборд для Paratus — стартапа из Дубая, который помогает защищать цифровые активы и выстраивать стратегию кибербезопасности.
Когда вы сформулировали позиционирование, можно переходить к сбору референсов. Здесь важно не действовать интуитивно, а опираться на конкретную задачу. Есть два способа подбора референсов. Их можно комбинировать — вместе они дают более точную и законченную визуальную систему.
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13470 тендеров
проведено за восемь лет работы нашего сайта.
Вы опираетесь на прилагательные из прошлого шага и ищите решения, которые передают характер. Если вы хотите создать ощущение системности — значит, в визуальном языке должны появиться приёмы, которые эту системность передают. Например: строгие сетки, ритмичные композиции, гротескный шрифт, аккуратно разложенный контент — как в «бенто»-структуре.
Если бренд нежный и лёгкий, подойдут светлые цвета, скруглённые формы. Главное — осознанно отвечать на вопрос: этот приём усиливает заявленный характер бренда или нет?
Второй способ — искать не конкретные приёмы, а образы, через которые можно передать идею бренда. Это работает через ассоциации. Например, вы работаете над VR-студией. Ключевые характеристики — «погружение», «технологичность», «мистичность». Они могут быть визуализированы через тоннели, порталы, размытую перспективу, градиенты и световые провалы. То есть вы находите образ — и уже под него подбираете приёмы, которые помогут его выразить.
Метафора добавляет глубину и делает стиль не просто «собранным», а концептуально обоснованным.
Комбинируйте оба подхода
Чаще всего мы используем оба метода одновременно. Сначала фиксируем, какие характеристики бренд должен транслировать, и ищем образы, которые это передают. А дальше смотрим, какие визуальные приёмы поддерживают эти образы и помогают собрать их в читаемую систему.
Вот как мы собрали и сгруппировали референсы для Paratus.
Если коротко — везде. На афишах в метро, в оформлении аккаунтов любимых кофеен, в книжных обложках, в альбомах, которые вы заслушали до дыр. Всё, что вызывает у вас эмоцию, — потенциальный источник визуального языка. Главное — не просто сохранять, а анализировать.
Вот ещё практичные источники, которые работают:
Подобрать хороший референс просто, если вы их собираете, анализируете и группируете. Эту задачу можно выполнить по простому фрейму, который помогает разложить любой референс по полочкам. Когда видите красивую картину, ответьте на вопросы:
1. Почему мне это нравится?Что именно сработало: цвет, ритм, композиция, настроение?
2. Что вызывает у меня такие эмоции?Попробуйте выделить конкретные элементы: иллюстрации, типографика, фон, детали — и понять, как они работают вместе.
3. Что здесь сделано плохо?Оценивайте критично: слишком широкий ритм, странное сочетание, спорная композиция — всё это важно замечать и фиксировать.
4. Как это можно улучшить?Формулируйте идеи — что бы вы сделали по-другому? Как бы расставили акценты, подобрали шрифт, собрали структуру?
5. Как я могу применить это в своём проекте?Вытащите из референса конкретные приёмы: работа с цветом, вертикальным ритмом, композицией, визуальной иерархией.
Такой подход развивает насмотренность и учит выбирать не по вкусу, а по задаче.
Мудборд помогает зафиксировать визуальное направление проекта. Он должен быть понятен и вам, и клиенту. Поэтому его важно не только собрать, но и правильно структурировать и подать.
Обычно в одном мудборде — 10–15 референсов, не больше. Это оптимальный объём: достаточно, чтобы раскрыть идею, но не перегрузить восприятие. Если идей несколько — соберите 2–3 варианта мудборда, каждый со своей логикой.
У каждого мудборда должно быть пояснение:
Собирайте мудборд с иерархией. Что важнее — крупнее. Что поддерживает идею — на втором плане. Уже на этом уровне должно быть понятно, где центр тяжести, какой ход вы предлагаете как ведущий.
Готовый мудборд нельзя просто отправлять клиенту в виде файла. Его нужно питчить — объяснить, почему вы выбрали именно такое направление, какие смыслы в нём заложены и как оно отрабатывает позиционирование бренда. Лучше всего созвониться и показать всё голосом. А если такой возможности нет — запишите скринкаст, так сэкономите время и снимете пелену неопределённости.
Хорошо собранный и презентованный мудборд — это не подборка для вдохновения, а осмысленная визуальная стратегия, которую можно сразу положить в основу концепции.
Собирайте его вдумчиво: так вы будете не придумывать с нуля, а развивать уже согласованную логику. Следите, как это делаем мы в AffArts: читайте наш телеграм-канал и смотрите кейсы на Workspace.
А также следите за нами здесь: VK, VC, Dribbble, Dprofile, Pinterest, Medium.
