Таня Мухортых, арт-директор «Палиндрома»: о дизайне медиа, иллюстраторах и процессах в дизайне

• Максим и Таня Мухорта обсуждают роль арт-директора в концерне "Палиндром".  

• Таня отвечает за визуальное оформление всех проектов концерна.  

• Она участвует на всех этапах разработки концепции и макетов бренд-медиа.  

• В концерне есть дизайнеры, но нужен человек, который следит за всем процессом.  

• Таня и руководитель отдела иллюстрации Белла Лейн разрабатывают концепцию визуальных элементов бренд-медиа.  

• Они выбирают стиль, цветовую гамму и типографику, чтобы все было логично и соответствовало целям медиа.  

• Таня объясняет, как начинается работа над бренд-медиа.  

• Клиент приходит в "Палиндром" и обсуждает идею медиа.  

• Таня формирует концепцию на основе брифа, исследования целевой аудитории и целей медиа.  

• Пример концепции: показать, что химия не вредна, если понимать её.  

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

• Работа начинается с мен-мэпа и облака смыслов для выявления метафор пятого порядка.  

• Визуальные приемы не должны быть слишком сложными или сбитыми.  

• Избегают использования химических формул и символов, ассоциирующихся с химией.  

• Логотипы с кофейными зернышками и чашечками не удивляют и не запоминаются.  

• Важно, чтобы визуальный стиль был узнаваемым и запоминающимся.  

• Задача – создать уникальный образ, который будет запоминаться и масштабироваться в медиа.  

• Нет отлаженного процесса создания визуальной части бренд-медиа.  

• Разработка айдентики включает создание системы, которая будет узнаваемой и яркой.  

• Система должна быть устойчивой и развиваться в течение нескольких лет.  

• Важно избегать ситуаций, когда клиент вмешивается в дизайн.  

• Бренд-медиа – это отдельный продукт, не привязанный к бренду.  

• Важно проводить беседы с клиентом, чтобы объяснить, что бренд-медиа – это не продолжение продукта.  

• Бренд-медиа должно быть узнаваемым и отличаться от бренда.  

• Важно обсуждать, как бренд-медиа будет связываться с брендом.  

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

• Профессия дизайнера включает много общения с клиентами.  

• Около 5-6 часов рабочего времени уходит на звонки и внутренние обсуждения.  

• Основная задача – защищать и обсуждать идеи с клиентами.  

• Обсуждение логики создания концепции издания.  

• Представление первого слайда на защите концепции.  

• Структура концепции по трем направлениям: темы, основной посыл, форматы.  

• Четыре метафоры как реперные точки для визуального языка.  

• Описание издания как шпаргалок для подготовки к большим испытаниям.  

• Сравнение с игрой "сотки" и коллекционированием.  

• Подбор референсов для шпаргалок.  

• Иллюстраторы, которые хотели работать с проектом.  

• Успех проекта благодаря легкости и фривольности иллюстраций.  

• Процесс подбора иллюстраторов для проекта.  

• Тестирование различных подходов к визуальному повествованию.  

• Даша Захарова как ключевой иллюстратор, попавший в нужный стиль и пластику.  

• Тестовые задания помогают определить, кто подходит для работы.  

• Важно не лениться и делать тестовые задания.  

• Пример с кинжалом: стиль простой, но мало кто рисует в таком стиле для коммерческих проектов.  

• Иллюстраторы часто не могут рисовать в нужной стилистике для коммерческих проектов.  

• Важно, чтобы портфолио соответствовало задачам.  

• В некоторых случаях тестовые задания не нужны, если задача понятна и портфолио соответствует.  

• Референсы могут ложиться на разные уровни визуального языка.  

• Пример со шпаргалками: иллюстрации и общая пластика сайта.  

• История с сотками: добавление окружностей и плавных форм.  

• История с конструктором: адаптивная верстка напоминает конструктор.  

• Типографические элементы: создание образа и настроения.  

• Логотип: несколько версий для лучшего выбора.  

• Создание нескольких версий помогает в принятии решений.  

• Первое решение может быть не самым точным.  

• Несколько версий облегчают процесс согласования и получения фидбека.  

• Обсуждение верстки главной страницы и её элементов.  

• Использование референсов и иллюстраций для создания макета.  

• Переход к следующему этапу разработки основных страниц.  

• Преимущества использования Figma для совместной работы дизайнеров.  

• Возможность параллельной работы и проведения звонков внутри Figma.  

• Рекомендации по изучению Figma для дизайнеров и редакторов.  

• Создание адаптивных макетов для разных размеров экрана.  

• Процесс адаптации страниц для разработчиков.  

• Сложности и тонкости настройки стилей и сетки для адаптивности.  

• Переход к новому этапу после запуска сайта.  

• Включение дизайнера графики для создания внутренней графики.  

• Различия в подходах к дизайну в разных изданиях.  

• История создания макета для статьи в нестандартном формате.  

• Разработка шаблона для рубрики "Ответ на вопрос".  

• Использование ранее заданных элементов для оптимизации разработки.  

• В отделе нет отдельных дизайнеров для бренд-медиа, они работают над несколькими проектами параллельно.  

• В основном, один дизайнер работает над одним бренд-медиа, включая веб-дизайнера, старшего дизайнера и иллюстратора.  

• Недавно был создан отдел соцсетей, где работают три дизайнера, которые помогают с концепцией и дизайном для соцсетей.  

• Каждая картинка в соцсетях проходит через редакционный и дизайнерский процесс.  

• Ранее использовался потоковый подход, но он оказался неэффективным.  

• Теперь каждый пост создается силами дизайна, что делает посты более интересными и разнообразными.  

• В отделе соцсетей внимательно следят за качеством контента.  

• Проводятся еженедельные планерки для разбора ошибок и улучшения качества.  

• Пример: исправление ошибок в тексте и дизайне, что улучшает восприятие контента.  

• Основное внимание уделяется портфолио, а не резюме.  

• Важно количество и качество работ в портфолио.  

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

• Основные критерии увольнения: срыв сроков, неприятие правок и комментариев, неспособность организовать себя.  

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

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

• Дизайнер может обеспечить себя в Москве, работая на позиции медла или синего дизайнера.  

• Важно уметь работать с клиентом и быть порядочным.  

• Это касается не только дизайнеров, но и редакторов и копирайтеров.  

• Редизайн журнала "Код" был необходим для обновления стиля и контента.  

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

• Старый стиль стал однообразным и устаревшим, что требовало изменений.  

• Старый стиль был создан для соответствия визуальному языку Яндекс-Практикума.  

• Через два года стало понятно, что нужно обновление.  

• Клиенты запросили веб-панк стиль, чтобы сделать журнал более молодым и дерзким.  

• Новый стиль должен был быть веб-панком, но без радикальных изменений.  

• Важно было сохранить смелость и иронию, но привести к более обобщенной пластике.  

• Планировалось изменение цветовой гаммы и добавление новых типографических элементов.  

• Использование 3D и леттеринга в журнале привело к его развалу.  

• Создание 3D требует времени и навыков, что делает его сложным для массового производства.  

• Для регулярных 3D-изображений лучше нанять специалиста или использовать аутсорсинг.  

• Дороговизна 3D-иллюстраций может привести к отказу от них.  

• Если идея 3D-изображения важна, можно выйти за рамки бюджета для создания качественного продукта.  

• В итоге от 3D-типографики отказались, чтобы избежать хаоса.  

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

• Перерисовка сотен старых изображений заняла месяц.  

• В итоге графика стала более единообразной и читаемой.  

• Первый подход к редизайну был похож на старый код, но осовременен.  

• В итоге выбрали более кислотный и сложный стиль.  

• Введена функциональная навигация по рубрикам и статьям.  

• Введение папочной системы и подборок статей.  

• Цель редизайна – повысить вовлеченность читателей.  

• Дизайн должен помогать читателям переходить от одной статьи к другой.  

• Придуманы новые форматы рекомендаций и подборок статей.  

• Введены уровни сложности и рекомендации по темам.  

• Дизайн помогает решать бизнес-задачи издания.  

• Новый проект для специалистов, работающих на удаленных объектах.  

• Издание будет посвящено медицине и защите здоровья работников.  

• Целевая аудитория – ограниченный круг людей, работающих в тяжелых условиях.  

• Долго выбирали между швейцарской типографикой и советской журнальной типографикой.  

• Остановились на советской типографике, так как она ближе целевой аудитории.  

• Иллюстрации взяты из советских журналов, что делает их теплыми и понятными.  

• Использовали технику печати на спичечных коробках для создания шероховатой текстуры.  

• Иллюстрации Сергея Котова, который работает над проектом, используются в издании.  

• Иллюстрации коррелируют с унбордом, что делает их эффектными.  

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

• В издании нет белого цвета, только приглушенные акцентные цвета.  

• Статьи и акцентные элементы окрашиваются в цвет рубрики для разнообразия.  

• В издании много профессиональной информации и таблиц.  

• Приняли решение делать несколько ресайзов таблиц для удобства чтения.  

• Дизайнер вручную перерабатывает контент для создания карточек.  

• Постоянно ищут иллюстраторов и дизайнеров.  

• Можно писать на сайт для получения информации о вакансиях.  

• Сайт компании имеет уникальный дизайн, который объясняет его концепцию.  

• Благодарность за участие и извинения за технические проблемы.  

• Призыв к зрителям заказывать медиа, работать в компании или делать репосты.  

• Завершение видео с пожеланиями добра и прощанием.