Это конспект к подкасту "Работает или притворяется" от основателя компании Yudina Group. В каждом выпуске я разбираю, кого действительно стоит нанимать в свой отдел маркетинга, а кто просто сдает красивые отчёты и делает вид, что работает.
Послушать подкаст на любой удобной платформе https://yudina-group.mave.digital
Посмотреть все дополнительные материалы к этому эпизоду, а также задать свои вопросы можно в телеграм-канале подкаста: https://t.me/dzen_do_resultata
Сегодня я рассказываю про дизайн. Подготовка выпуска шла совместно с Павлом Новиковым. Веб-дизайнер с опытом работы 10 лет. Работал и на крупные компании, и на фрилансе. Работал и с сайтами, и с логотипами и с дизайном для типографии. Тот самый и швец и жнец, да-да. Он поможет нам разобраться, почему «сделайте красиво» — это не цель, а диагноз, что такое нормальный дизайн, где его взять и сколько за него заплатить.
Кто этот специалист и зачем он бизнесу
Начнём с простого. Кто такой дизайнер в бизнесе, какой он бывает и что он делает?
Дизайнер - Это человек, который превращает цели компании в понятные визуальные решения. Три типичных роли.
- Бренд-дизайнер: логотип, фирстиль, гайдлайн, упаковка, презентации.
- UI/UX: прототипы, лендинги, кабинеты, приложения, дизайн-система.
- Коммуникационный дизайнер: креативы для рекламы, соцсетей, рассылок, мерч.
Обязанности и KPI: что реально входит и не входит в обязанности дизайнера
А что-то вообще может входить в работу дизайнера, кроме самого дизайна? Что справедливо требовать, а что уже перегиб?
Справедливо: сроки, доля правок из-за нарушенного ТЗ, снижение времени на новые макеты по старым шаблонам.
Не справедливо:
«Один человек и логотип, и видео, и сайт, и 3D». Нет. Это разные профессии.
«Пусть сам придумает оффер». Смысл — зона маркетинга и продаж. Дизайнер поможет оформить, но он не обязан вытаскивать стратегию. Он может тупо этого не суметь сделать.
«Сделайте десять логотипов к утру». Нормально — 2–3 продуманные концепции по брифу.
«Плохие фото? Дорисуйте». На входе мусор — на выходе чудес не будет.
Как отличить реальную работу от имитации
Смотрим на шесть вещей: типографика, иерархия, цвет, фон и контраст, сетка, файлы. Поехали.
Типографика: какие шрифты и сколько
Правило простое: не больше двух семейств шрифтов на проект.
Обычно один «текстовый» (для абзацев) и один «акцентный» (для заголовков).
Вариативность делаем весами (Regular/Medium/Bold), а не третьим-четвёртым шрифтом.
— Межстрочный интервал: 1.4–1.6 — чтобы текст «дышал».
— Ширина строки: 45–75 знаков; на мобильном 30–45.
— Прописные (ALL CAPS) — только короткие заголовки. Абзацы верхним регистром — признак дилетанта.
— Не центрируем длинные абзацы. Центр — для коротких слоганов и цифр.
Красный флаг: в одном экране три разных шрифта и пять размеров без логики.
Иерархия: сколько уровней заголовков
На одной странице достаточно трёх уровней: H1, H2, H3.
H1 — один раз. H2 — разделы. H3 — подпункты.
H4 и дальше — редко и осознанно.
— Разница между уровнями — не только размер, но и набор признаков: вес, интерлиньяж, отступ сверху/снизу.
— Отступы консистентны: например, сверху больше, снизу меньше — и так везде.
Красный флаг: «лестница из размеров» — шесть почти одинаковых кеглей подряд, где не понять, что главнее.
Цвет: сколько и какие
Базовая палитра — 5–7 цветов на весь продукт:
1 нейтральная шкала (серые), 1 основной брендовый, 1–2 акцента (успех/ошибка/предупреждение), фоновые оттенки.
— Не играем в «радугу». Один главный акцент на экран.
— Красный и зелёный рядом — осторожно: дальтонизм. Добавляйте иконки/подписи.
— Статусы по смыслу: успех — зелёный, предупреждение — жёлтый/оранжевый, ошибка — красный. И это одинаково во всех экранах.
Красный флаг: каждый баннер своим цветом, кнопка сегодня синяя, завтра фиолетовая.
Фон и контраст: чёрный или белый, и какие пары
По умолчанию — светлая тема. Белый или очень светло-серый фон.
Тёмная тема — если ваш контент смотрят в сумерках или это «профессиональный» интерфейс. Тогда — продуманная палитра.
— Текст на светлом: почти чёрный (#111–#333) на белом. Настоящий #000 утомляет.
— Текст на тёмном: почти белый (#F5F5F5) на почти чёрном. Чистый #FFF на #000 — «режет».
— Контраст: тело текста — ориентир 4.5:1 и выше; крупные заголовки — от ~3:1.
— На «брендовом» фоне (насыщенный синий/зелёный) — текст чаще белый, но проверьте читабельность.
Быстрый тест: сделайте скрин и переведите в ч/б — если заголовок и кнопка «провалились», контраста нет.
Красный флаг: серый текст на цветном фоне, который видно только на дорогом мониторе.
Сетка, отступы, кнопки и состояния
Сетка — ваш порядок. Базовый шаг 8 px (или 4 px) и всё кратно ему.
Отступы внутри компонентов — тоже кратно. Белое пространство — не «пустота», а воздух.
— Кнопки: три роли максимум — Primary, Secondary, Tertiary.
— У каждой — состояния: обычная, hover, active, disabled, focus.
— Размер клика: минимум 44×44 px на тач-устройствах.
— Радиусы скруглений — по токенам (например, 4/8/12). Не 5, 7, 9 «по настроению».
Красный флаг: у разных экранов разные скругления, тени «как попало», нет состояния фокуса — неудобно и небезопасно.
Файлы и артефакты: из чего видно профессию
Логотипы и иконки — SVG. Фото — JPG/WebP/AVIF. Прозрачности — PNG.
Экспорт — 1x/2x, не растры 8000 px «на всякий случай».
В Figma — страницы, компоненты, варианты, имена понятные, текстовые и цветовые токены.
— Формы: есть ошибки, подсказки, маски, валидация.
— Ссылки видны как ссылки.
— Плейсхолдер — не вместо лейбла.
— Иконки одной толщины, «вес» совпадает с типографикой.
Красный флаг: «Слои 1–746», экспорт только в растр, цвета забиты «на глаз», компоненты отсутствуют.
Быстрая проверка компетенции (то, что можно спросить вживую)
Задавайте три коротких вопроса, чтобы на собеседовании сразу понять уровень.
Первый: «Сколько шрифтов используете в проекте и зачем?»
— Профи скажет: одно текстовое семейство + акцентное; варьирую весами.
Второй: «Сколько уровней заголовков на странице и как вы их различаете?»
— Ответ: обычно три; различаем кеглем, весом, интерлиньяжем и отступами.
Третий: «Как собираете палитру и проверяете контраст?»
— Ответ: 5–7 цветов, роли для статусов, тест контраста, проверка на ч/б и дальтонизм.
Когда дизайнер нужен бизнесу
Пойдём по нишам и сразу по моделям сотрудничества.
Крупные компании. Нужна команда в штат + арт-директор, своя дизайн-система. Аутсорс — на спецпроекты.
Интернет-магазин. Постоянный поток промо и UX-правок. Модель: один штатный + аутсорс на пики.
Региональный бизнес. Фирстиль, шаблоны, сайт-лендинг, наружка. Модель: проектная айдентика + 10–20 часов в месяц на поддержку.
Онлайн-образование. Лендинги, вебинарные, креативы, оформление уроков. Модель: штатный коммуникационный дизайнер + аутсорс на UI/UX и фирстиль.
Сфера услуг. Презентации, КП, кейсы, сайт, SMM-визуал. Модель: ретейнер у агентства/фрилансера. В штат — когда у Вас стабильно 15–20 макетов в неделю.
Сколько это стоит в 2025
Прежде чем мы Будем разбирать на конкретных примерах я бы хотела рассказать о том, как вообще понять какой перед вами дизайнер. Я предлагаю не уходить в глубокое разделение и взять только 2 уровня: средний и хороший. Средний — аккуратно делает задачи по ТЗ, держит сроки, предлагает улучшения внутри макета. Нужны бриф и контроль.
Хороший — сам ставит рамки задачи, предлагает варианты решения, строит систему (гайд, компоненты), аргументирует решением бизнес-проблемы, синхронизируется с маркетингом/разработкой.
Я не рекомендую работать с дизайнерами начального уровня, если вы сами не разбираетесь в этом. Дешевый дизайнер который рисует “для портфолио” - это крутой инструмент, который позволяет сэкономить кучу денег, но только если вы сами знаете что такое хорошо, а что такое плохо! Внимание! Не “вау мне нравится или фу мне не нравится”, а именно хорошо или плохо с точки зрения цели.
5 признаков уровня нам рассказал Павел
1. Понимание цели
- Ср: просит цель и ограничения, уточняет детали.
- Х: переформулирует цель в метрику («увеличить запись с 4% до 6%»), сразу предлагает 2–3 подхода.
2. Системность
- Mid: делает макеты; компоненты — по необходимости.
- Sr: собирает дизайн-систему: цвета/типо-токены, кнопки с состояниями, сетку, шаблоны для команды.
3. Самостоятельность
- Mid: ждёт текст/фото, работает по готовым данным.
- Sr: запрашивает недостающее, предлагает временные заглушки, двигает процесс без простоев.
4. Файл-гигиена (Figma)
- Mid: аккуратный файл, но без строгих правил.
- Sr: страницы, компоненты/варианты, автолэйаут, токены, понятный нейминг, экспорт 1x/2x — всё по системе.
5. Коммуникация
- Mid: бережно принимает правки, отвечает на вопросы.
- Sr: управляет ожиданиями, предлагает план итераций, умеет в «нет, потому что…» с альтернативой.
От себя хочу предложить Быстрый платный мини-тест (2–3 часа)
Дайте один из вариантов (оплачиваем!):
- Баннер 1080×1080 + 2 адаптации. Цель, аудитория, оффер — ваши.
Смотрите: сетку, иерархию, контраст, аккуратность экспорта, логичность вариаций. - Блок лендинга «Тарифы».
Смотрите: таблицу, кнопки со статусами, мобильную версию, единые отступы (кратно 8 px), аргументацию решений. - Карточка WB (6 изображений) по вашему шаблону.
Смотрите: единство стиля, читаемость, работа с плохим исходником (предложит ли замены).
И теперь, когда мы поняли что перед нами средний или хороший специалист мы можем обсуждать цены.
1) Баннер для таргета (1 размер, 1080×1080)
Middle: 1 500–3 500 ₽, 1–2 часа, 1–2 раунда правок. Основание — рыночные прайсы на баннеры (от 1 500–2 300 ₽) плюс средняя почасовая ставка мидла 2 000–3 500 ₽/ч.
Senior: 4 000–7 000 ₽, 1–1,5 часа, 2 раунда + вариации. Расчёт по ставке сеньора (до ~5 000 ₽/ч) и времени, если нужен концепт и адаптация.
Примечание: за пакет из 3–5 размеров умножайте цену x2–x3 (часть — ресайзы). На биржах ресайз часто считают по 300–500 ₽ за размер.
2) Блок сайта (секция лендинга, только дизайн без вёрстки)
Не главный блок сайта занимает 2–6 часов в зависимости от сложности (иконки, иллюстрации, таблицы, состояния). Вилку считаем от почасовых ставок.
3) Карточка товара для Wildberries (главная + 4–6 инфографик)
На рынках услуг встречается главная карточка от 900–1 000 ₽, доп. слайды по 500 ₽; есть и «демпинговые» предложения от 200 ₽ за элемент — это минимальный уровень. Такое как вы понимаете брать нельзя. Особенно если вы хотите торговать в плюс.
Пакеты по уровню:
- Middle: 6 000–10 000 ₽ за комплект (ретушь, аккуратная типографика, единый стиль).
- Senior: 10 000–20 000 ₽ за комплект (айдентика серии, инфографика, текст-микро-копирайт, варианты под A/B).
- Вилки зависят от города/ниши/срочности: агентства дороже из-за менеджмента и QA; биржи — дешевле, но выше риск качества.
- Чёткое ТЗ и готовые исходники (фото, тексты, размеры) сокращают время на 20–40% — это напрямую уменьшает чек.
- Если у Вас стабильный поток (15–20+ макетов в неделю) — выгоднее штатный специалист; разовые всплески — проектно. Этот вывод коррелирует с типовыми затратами на сайты/лендинги в 2025.
Подведём итоги
Дизайн — это не «красиво», а короткий и понятный путь к действию: записаться, купить, оставить заявку. Мы разобрали роли дизайнера (бренд, UI/UX, коммуникации), честные обязанности и границы, и дали простой способ отличить компетентного специалиста по типографике, иерархии, цвету, контрасту, сетке и файлам. Показали, как быстро проверить кандидата мини-тестом и чем Middle отличается от Senior. Закрепили всё цифрами: ориентиры цен на баннер, блок лендинга и карточку Wildberries.
На этом у меня всё.
Хотите разбор вашего дизайнера? — пишите и мы проведём подробный аудит!
Напоминаю, что в моём телеграм-канале уже лежат материалы о том «Как за 5 минут проверить свой дизайн».
С вами была Инесса Руслановна и подкаст «Работает или притворяется». Сделайте скриншот этого выпуска и отправьте друзьям, которые до сих пор думают, что дизайн — это когда картинка им просто нравится.
Услышимся ровно через неделю в новом выпуске!
Услышимся ровно через неделю в новом выпуске!
Уже сейчас можно подписаться на подкаст на любой удобной площадке и ждать следующий эпизод
Яндекс Музыка https://music.yandex.ru/album/37838531
Boom https://share.boom.ru/podcast/-221135542_-100
VK https://vk.com/dzen_do_resultata
Звук https://zvuk.com/podcast/40607231