🎯 О чём этот конспект: Пошаговый разбор процесса «погружения» (Business Immersion) и разработки стратегии бренда перед началом дизайна. Авторы показывают, как из интервью и глубокого исследования рынка извлечь «зерно» идеи, которое ляжет в основу визуальной айдентики.
👤 Кому будет полезно: Дизайнерам, арт-директорам и вайбкодерам, которые хотят создавать не просто «красивые картинки», а бренды с глубоким смыслом, особенно в сложных нишах (Deep Tech, VC, промышленность).
✨ Что получите: Четкий алгоритм перехода от хаотичного сбора информации к структурированным мудбордам и концепциям Hero-секций сайта, которые клиенты принимают с первого раза.
1. Пять столпов контекста перед началом дизайна
Контекст: Прежде чем открывать Figma или Cursor, необходимо синхронизироваться с клиентом по пяти ключевым точкам. Это фундамент, который предотвращает бесконечные правки. Без понимания того, где компания находится сейчас и куда хочет прийти, любой дизайн будет «пальцем в небо». Особенно это критично для сложных технологических проектов, где продукт может еще не существовать физически.
Тайминг: [01:14]
Выгода: Сокращение правок на 70% за счет четкого понимания ожиданий клиента и рыночного контекста.
Как применить:
- Шаг 1: Анализ состояний — Определите «Текущее vs Будущее». Как бренд воспринимается сейчас и каким должен стать через 5 лет?
- Шаг 2: Формулировка вызова — Сформулируйте «Creative Challenge». Какую именно проблему бизнеса должен решить дизайн?
- Шаг 3: Определение аудитории — Опишите целевую аудиторию на эмоциональном и функциональном уровнях.
- Шаг 4: Картирование рынка — Изучите конкурентов и определите «точку отличия» (Point of Difference). Насколько далеко мы можем уйти от стандартов категории?
Результат: Сформированный «объектив» (lens), через который команда будет смотреть на все последующие креативные решения.
2. Методы глубокого погружения (Business Immersion)
Контекст: Для создания уникального бренда недостаточно просто посмотреть на конкурентов. Авторы используют метод «глубокого погружения», который включает в себя не только стандартные интервью, но и поиск вдохновения в смежных областях: науке, природе и этимологии. Это позволяет найти метафоры, которые выделят бренд на фоне однотипных технологических компаний.
Тайминг: [02:51], [05:26]
Выгода: Нахождение уникальных визуальных метафор, которые невозможно скопировать у конкурентов.
Как применить:
- Шаг 1: Стейкхолдер-интервью — Проведите живую сессию (или Zoom), чтобы вытащить «скрытые смыслы» и личные истории основателей.
- Шаг 2: Этимологический поиск — Исследуйте происхождение названия. В примере с VC-фондом авторы изучили птицу Sociable Weaver (в транскрипте — Zakira bird), которая строит уникальные висячие гнезда для защиты от хищников.
- Шаг 3: Визуальный ресерч — Используйте YouTube и Wikipedia для изучения природных или инженерных процессов, связанных с метафорой бренда.
Результат: «Зерно» идеи (например, концепция «инженерной защиты будущего»), которое станет основой всей визуальной коммуникации.
3. Структура воркшопа «Back to Basics»
Контекст: Авторы отказались от сложных и перегруженных упражнений по брендингу в пользу простых, но глубоких вопросов. Главная цель воркшопа — не заполнить красивые фреймы в Figma, а спровоцировать важные разговоры между основателями.
Тайминг: [03:44], [04:07]
Выгода: Получение искренних ответов от клиента, которые не были указаны в брифе.
Как применить:
- Шаг 1: Дорожная карта — Попросите клиента нарисовать путь компании на 5 лет.
- Шаг 2: Экстракция ценностей — Не придумывайте ценности, а вытаскивайте их из того, как компания реально работает и доставляет продукт.
- Шаг 3: Personality Sliders — Используйте ползунки характера бренда (например: «Консервативный — Радикальный», «Дружелюбный — Авторитетный»).
- Шаг 4: Точки касания — Определите, где именно бренд будет жить в реальном мире (сайт, презентации, мерч).
Результат: Набор подтвержденных гипотез о характере и позиционировании бренда.
4. Эволюция мудбордов: от картинок к Hero-концептам
Контекст: Обычные мудборды часто вызывают недопонимание: клиент не знает, на что смотреть — на цвет, шрифт или композицию. Чтобы решить эту проблему, авторы добавили в процесс «Hero Concepts» — черновые наброски главной страницы сайта, которые показывают, как элементы мудборда работают вместе.
Тайминг: [07:03], [07:44]
Выгода: Клиент видит не абстрактные картинки, а потенциальное воплощение своего продукта, что ускоряет согласование.
Как применить:
- Шаг 1: Курирование визуальных территорий — Создайте 2-3 направления, каждое со своей «большой идеей».
- Шаг 2: Детализация элементов — Для каждой территории подберите типографику, цвета, паттерны и графические приемы (например, чертежный стиль или градиенты).
- Шаг 3: Создание Hero-концепта — Набросайте черновой вариант первого экрана сайта (Hero section), используя элементы из мудборда.
Результат: Презентация, в которой стратегия плавно перетекает в визуальные образы и конкретные примеры реализации.
FAQ
В: Зачем делать Hero-концепты на этапе мудбордов, если дизайн еще не начат? О: Это помогает снять возражения и «трудности перевода». Клиент часто не может представить, как абстрактный паттерн превратится в сайт. Hero-концепт дает контекст и показывает «вайб» будущего продукта в его главной точке касания.
В: Что делать, если клиент не знает своих ценностей? О: Не просите их называть. Спрашивайте о том, как они принимают решения, как нанимают людей и за что увольняют. Ценности нужно экстрагировать из реальных действий бизнеса, а не выдумывать красивые слова.
В: Как искать вдохновение в смежных нишах? О: Используйте метод аналогий. Если компания занимается безопасностью, посмотрите, как это реализовано в природе (гнезда, панцири) или в архитектуре (замки, сейфы). Это даст более свежие идеи, чем просмотр Behance.
В: Почему авторы предпочитают Google и YouTube вместо ChatGPT для ресерча? О: Для визуальных профессий важно видеть реальные объекты, текстуры и движения. YouTube позволяет глубже понять физику процессов или поведение природных объектов, что критично для создания аутентичной графики.
В: Как презентовать стратегию клиенту? О: Авторы рекомендуют записывать Loom-видео с проходом по Figma-файлу. Сначала кратко напомнить о стратегии, а затем детально разобрать 2-3 визуальных угла (angles), объясняя логику каждого решения.
Ресурсы и ссылки
- Figma — основной инструмент для воркшопов и создания мудбордов —
https://www.figma.com
- Loom — сервис для записи видео-презентаций стратегии клиенту —
https://www.loom.com
- Wikipedia — отправная точка для поиска глубоких смыслов и метафор —
https://www.wikipedia.org
- YouTube — инструмент для визуального исследования природных и технических процессов —
https://www.youtube.com
- Discord — используется командой для быстрого обмена находками и вдохновением —
упомянут в видео
Конспект создан на основе видео «How we find the BIG BRAND IDEA (Process)» канала Design Discipline. Все права на оригинальный материал принадлежат авторам. Источник: https://youtu.be/kSw-kv2Hxek?si=GslpMqol3hwz9z8T
