Давайте сразу по делу: 90% объявлений на Авито выглядят как будто их делал уставший школьник в Paint в 3 часа ночи. Размытые фото, нечитаемый текст, хаотичные цвета и полное отсутствие логики. А потом удивление: «Почему не звонят?»
Эта статья — пошаговая инструкция для тех, кто хочет делать карточки правильно. Без воды, без «креативных идей», которые не работают. Только практика.
Зачем вообще заморачиваться с дизайном
Потому что визуал решает. Пользователь Авито пролистывает десятки объявлений за минуту. У вас буквально 0.5 секунды, чтобы его зацепить. Если обложка непонятная, некрасивая или перегруженная — он просто пройдёт мимо.
Хороший дизайн карточки = больше кликов = больше звонков = больше денег. Всё просто.
Хороший дизайн карточки = больше кликов = больше звонков = больше денег. Всё просто.
Главное правило: три УТП и ничего лишнего
Запомните раз и навсегда: на заглавное изображение помещается максимум 3 уникальных торговых предложения (УТП). Не пять, не семь, не весь прайс-лист. Три.
Почему? Потому что человеческий мозг не успевает обработать больше информации за доли секунды. Плюс мобильный экран — а большинство сидит с телефонов — физически не позволяет разместить больше текста без потери читаемости.
Что такое УТП в вашем случае:
Почему? Потому что человеческий мозг не успевает обработать больше информации за доли секунды. Плюс мобильный экран — а большинство сидит с телефонов — физически не позволяет разместить больше текста без потери читаемости.
Что такое УТП в вашем случае:
- Конкретная выгода (например, «Бесплатный замер»)
- Снятие страха («Гарантия 2 года»)
- Уникальность («Работаем с 2010 года»)
- Скорость («Приедем сегодня»)
Анатомия продающей карточки
Каждая карточка состоит из трёх ключевых элементов. Разберём их по порядку.
Заголовок: говорящий и цепляющий
Заголовок — это не просто название услуги. Это первый контакт с клиентом, который должен сразу показать выгоду или решение проблемы.
Плохо: «Ремонт квартир»
Хорошо: «Ремонт квартир под ключ — бесплатный замер за 2 часа»
Плохо: «Дизайн интерьера»
Хорошо: «Дизайн интерьера с 3D-визуализацией — от 15 000 руб.»
Заголовок должен быть читаемым даже на маленьком экране. Шрифт — крупный, контрастный. Никаких декоративных завитушек и рукописных шрифтов, которые невозможно разобрать.
Плохо: «Ремонт квартир»
Хорошо: «Ремонт квартир под ключ — бесплатный замер за 2 часа»
Плохо: «Дизайн интерьера»
Хорошо: «Дизайн интерьера с 3D-визуализацией — от 15 000 руб.»
Заголовок должен быть читаемым даже на маленьком экране. Шрифт — крупный, контрастный. Никаких декоративных завитушек и рукописных шрифтов, которые невозможно разобрать.
Подзаголовок: усиление или детализация
Если заголовок зацепил — подзаголовок должен усилить интерес или раскрыть детали.
Пример связки:
Заголовок: «Ремонт ванной под ключ»
Подзаголовок: «Плитка, сантехника, электрика — всё включено»
Или:
Заголовок: «Создание сайтов для бизнеса»
Подзаголовок: «Готовый сайт за 7 дней — оплата после результата»
Подзаголовок — это место для конкретики, которая снимает первые вопросы клиента.
Пример связки:
Заголовок: «Ремонт ванной под ключ»
Подзаголовок: «Плитка, сантехника, электрика — всё включено»
Или:
Заголовок: «Создание сайтов для бизнеса»
Подзаголовок: «Готовый сайт за 7 дней — оплата после результата»
Подзаголовок — это место для конкретики, которая снимает первые вопросы клиента.
УТП: три пункта максимум
Это ваши козыри. Выбирайте самое сильное, что отличает вас от конкурентов.
Формула простая:
Например:
Или:
Формула простая:
- Первое УТП — главная выгода (цена, скорость, качество)
- Второе УТП — снятие страха (гарантия, опыт, отзывы)
- Третье УТП — дополнительная ценность (бесплатная услуга, подарок, бонус)
Например:
- ✓ Цена от 2000 руб./м²
- ✓ Гарантия 3 года
- ✓ Бесплатный дизайн-проект
Или:
- ✓ Работаем 24/7
- ✓ Выезд мастера — бесплатно
- ✓ Оплата после завершения
***
Технические требования к изображению
Теперь про то, как всё это должно выглядеть технически. Без этого даже самый красивый дизайн превратится в кашу.
Формат и размер
Авито обрезает изображения до квадрата в ленте. Это значит, что все важные элементы должны быть в центральной зоне — примерно 80% от общей площади изображения.
Рекомендуемый размер: 1920x1400px горизонтальный формат объявлений, но нужно учитывать видимую область объявления в ленте - 1440х1440px.
Формат файла: JPG или PNG. Вес — не больше 10 МБ, но лучше держать в районе 500-800 КБ для быстрой загрузки.
Рекомендуемый размер: 1920x1400px горизонтальный формат объявлений, но нужно учитывать видимую область объявления в ленте - 1440х1440px.
Формат файла: JPG или PNG. Вес — не больше 10 МБ, но лучше держать в районе 500-800 КБ для быстрой загрузки.
Контрастность и читаемость
Самая частая ошибка — плохой контраст текста и фона. Если вы кладёте белый текст на светлый фон или чёрный на тёмный — это провал.
Правило: текст должен читаться даже если вы отойдете от экрана на 2 метра.
Как проверить:
Используйте обводку или подложку под текстом для улучшения читаемости.
Правило: текст должен читаться даже если вы отойдете от экрана на 2 метра.
Как проверить:
- Уменьшите картинку до размера миниатюры (примерно 200×200 px)
- Если текст читается — отлично
- Если нет — переделывайте
Используйте обводку или подложку под текстом для улучшения читаемости.
Цветовая схема
Не больше 3-4 цветов в одном дизайне. Иначе будет «вырвиглаз».
Работающие сочетания:
Избегайте кислотных оттенков, радужных градиентов и слишком тёмных фонов — они снижают кликабельность.
Работающие сочетания:
- Синий + белый + оранжевый (доверие + контраст)
- Чёрный + жёлтый + белый (внимание + читаемость)
- Зелёный + белый + серый (спокойствие + профессионализм)
Избегайте кислотных оттенков, радужных градиентов и слишком тёмных фонов — они снижают кликабельность.
***
Пошаговый процесс создания карточки
Теперь конкретная пошаговка, как делать карточки от начала до конца.
Шаг 1: Определите цель объявления
Что вы продаёте? Кому? Какую проблему решаете?
Например:
Например:
- Продаёте ремонт квартир молодым семьям → акцент на цену и рассрочку
- Продаёте премиальный дизайн → акцент на портфолио и эксклюзивность
- Продаёте срочный ремонт после затопления → акцент на скорость и опыт
Шаг 2: Соберите УТП
Выпишите все свои преимущества. Потом выберите три самых сильных. Остальные — в текст объявления или на дополнительные фото.
Критерии отбора:
Критерии отбора:
- УТП должно быть конкретным («гарантия 2 года», а не «качественно»)
- УТП должно закрывать страх или желание клиента
- УТП должно отличать вас от конкурентов
Шаг 3: Напишите заголовок и подзаголовок
Используйте формулу: Услуга + Выгода/Решение проблемы
Пример:
«Ремонт квартир в Москве — под ключ за 30 дней»
«Установка окон за 1 день — с гарантией 5 лет»
Подзаголовок должен раскрывать детали или усиливать главную мысль.
Пример:
«Ремонт квартир в Москве — под ключ за 30 дней»
«Установка окон за 1 день — с гарантией 5 лет»
Подзаголовок должен раскрывать детали или усиливать главную мысль.
Шаг 4: Подберите фоновое изображение
Фон должен быть релевантным вашей услуге. Для ремонта — фото реального объекта (не рендер!). Для услуг — фото команды или процесса работы.
Требования к фону:
Требования к фону:
- Высокое качество (без пикселей и размытия)
- Нейтральные или приглушённые тона (чтобы не перебивать текст)
- Реальные фото, а не стоки (алгоритмы Авито это видят и понижают такие объявления)
Шаг 5: Создайте макет в редакторе
Можно использовать Figma, Canva, Photoshop или любой другой редактор.
Структура макета:
Структура макета:
- Верхняя треть — заголовок (крупный шрифт, контрастный цвет)
- Средняя часть — фоновое изображение или визуал
- Нижняя треть — УТП в виде иконок или списка
- Логотип или название компании — в углу (не перебивает основной контент)
Шаг 6: Проверьте на мобильном
Скиньте макет на телефон и посмотрите, как он выглядит в ленте Авито. Уменьшите до размера миниатюры.
Вопросы для проверки:
Если хоть на один вопрос ответ «нет» — правьте.
Вопросы для проверки:
- Читается ли заголовок?
- Видны ли УТП?
- Не обрезается ли важная информация?
- Цепляет ли взгляд в общей массе объявлений?
Если хоть на один вопрос ответ «нет» — правьте.
Шаг 7: Добавьте внутренние фото
После обложки идут дополнительные фото. Здесь можно раскрыть детали, показать процесс, добавить призыв к действию.
Что работает:
Что работает:
- Фото «до/после» (для ремонта и услуг — must have)
- Фото команды или мастера (живые лица повышают доверие)
- Фото с текстом-призывом («Звоните сейчас — первым 10 клиентам скидка 15%»)
- Примеры работ с описанием (сроки, стоимость, особенности)
***
Разбор примеров карточек объявлений
Типичные ошибки в карточках Авито и как их исправить. Пошаговая инструкция: от выбора фона до размещения УТП. Готовые шаблоны и кейсы.
Кейс #1: Строительство домов
Ниша: Строительство коттеджей на заказ
Заголовок и структура. Крупный заголовок «СТРОИТЕЛЬСТВО ДОМОВ» сразу говорит о сути услуги. Подзаголовок «Индивидуальные и типовые проекты» уточняет вариативность предложения. Кнопка «НА ЗАКАЗ» в оранжевом цвете создаёт якорь для глаза.
Три чётких УТП. Карточка использует ровно три блока с выгодами:
Реальное фото объекта. На переднем плане — готовый дом и довольная команда строителей. Это создаёт доверие: видно, что компания реально строит, а не продаёт воздух.
Цветовая схема. Тёмно-синий фон + оранжевые акценты — сочетание, которое ассоциируется с надёжностью и энергией. Контраст высокий, текст читается отлично.
Итог: Сильная карточка с понятной структурой и реальным визуалом. Работает на доверие и закрывает основные возражения целевой аудитории.
Заголовок и структура. Крупный заголовок «СТРОИТЕЛЬСТВО ДОМОВ» сразу говорит о сути услуги. Подзаголовок «Индивидуальные и типовые проекты» уточняет вариативность предложения. Кнопка «НА ЗАКАЗ» в оранжевом цвете создаёт якорь для глаза.
Три чётких УТП. Карточка использует ровно три блока с выгодами:
- «Наши дома строятся в любое время года, мы не зависим от погоды» — снимает сезонное возражение
- «Индивидуальное проектирование» — показывает персонализацию
- «Бесплатный выезд специалиста, замеры и расчёт сметы» — устраняет барьер входа
Реальное фото объекта. На переднем плане — готовый дом и довольная команда строителей. Это создаёт доверие: видно, что компания реально строит, а не продаёт воздух.
Цветовая схема. Тёмно-синий фон + оранжевые акценты — сочетание, которое ассоциируется с надёжностью и энергией. Контраст высокий, текст читается отлично.
Итог: Сильная карточка с понятной структурой и реальным визуалом. Работает на доверие и закрывает основные возражения целевой аудитории.
Кейс #2: Сборка компьютеров
Ниша: Продажа игровых ПК под заказ.
Заголовок с цветовым акцентом. «ЛЮБОЙ БЮДЖЕТ / ЛЮБОЙ ПК» — фраза разбита на две строки с контрастными цветами (белый + ярко-розовый). Это мгновенно привлекает внимание и снимает основное возражение: «А вдруг мне не по карману?»
Визуал продукта. На фото — собранный игровой компьютер с RGB-подсветкой, который выглядит как готовый продукт. Целевая аудитория (геймеры) сразу понимают, что это их история.
Три лаконичных УТП:
Фиолетовый фон. Нестандартный выбор, который выделяет карточку среди конкурентов. В нише компьютеров часто используют чёрный или синий — фиолетовый запоминается.
Итог: Яркая карточка с сильным визуалом, которая попадает в целевую аудиторию. Нужно доработать читаемость и добавить идентификацию бренда.
Заголовок с цветовым акцентом. «ЛЮБОЙ БЮДЖЕТ / ЛЮБОЙ ПК» — фраза разбита на две строки с контрастными цветами (белый + ярко-розовый). Это мгновенно привлекает внимание и снимает основное возражение: «А вдруг мне не по карману?»
Визуал продукта. На фото — собранный игровой компьютер с RGB-подсветкой, который выглядит как готовый продукт. Целевая аудитория (геймеры) сразу понимают, что это их история.
Три лаконичных УТП:
- «Гарантия до 1 года» — закрывает страх поломки
- «Реальные цены» — намёк на честность (в этой нише много накруток)
- «Всегда в наличии» — снимает страх ожидания
Фиолетовый фон. Нестандартный выбор, который выделяет карточку среди конкурентов. В нише компьютеров часто используют чёрный или синий — фиолетовый запоминается.
Итог: Яркая карточка с сильным визуалом, которая попадает в целевую аудиторию. Нужно доработать читаемость и добавить идентификацию бренда.
Кейс #3: Бухгалтерские услуги
Ниша: Бухгалтерское сопровождение малого бизнеса
Профессиональный образ. На фото — деловая женщина в строгом костюме на фоне документов и с ноутбуком. Это сразу создаёт ассоциацию с экспертностью и порядком.
Подзаголовок с эмоцией. «Ваш бухгалтер всегда на связи» — это не просто услуга, это обещание доступности. Для малого бизнеса это критично: нужен человек, который ответит в любой момент.
Три сильных УТП:
Призыв внизу. «Бухгалтерское сопровождение под ключ» + логотип 1С — усиление главной мысли и якорь узнаваемости.
Зелёная цветовая гамма. Ассоциируется со стабильностью, надёжностью, финансами. Правильный выбор для ниши.
Итог: Очень профессиональная карточка, которая транслирует экспертность и надёжность. Идеально для B2B-сегмента. Нужно только разгрузить визуал.
Профессиональный образ. На фото — деловая женщина в строгом костюме на фоне документов и с ноутбуком. Это сразу создаёт ассоциацию с экспертностью и порядком.
Подзаголовок с эмоцией. «Ваш бухгалтер всегда на связи» — это не просто услуга, это обещание доступности. Для малого бизнеса это критично: нужен человек, который ответит в любой момент.
Три сильных УТП:
- «Отработано в федеральном масштабе» — показывает опыт на больших проектах
- «Опыт 10+ лет» — доверие через стаж
- «Сертифицированный партнёр 1С» — официальный статус, снимает сомнения
Призыв внизу. «Бухгалтерское сопровождение под ключ» + логотип 1С — усиление главной мысли и якорь узнаваемости.
Зелёная цветовая гамма. Ассоциируется со стабильностью, надёжностью, финансами. Правильный выбор для ниши.
Итог: Очень профессиональная карточка, которая транслирует экспертность и надёжность. Идеально для B2B-сегмента. Нужно только разгрузить визуал.
***
Типичные ошибки (чего делать нельзя)
Даже если вы следуете всем правилам выше, легко налететь на грабли. Вот топ ошибок, которые убивают конверсию.
Перегруз информацией
«Давайте впихнём на обложку весь прайс, все услуги, контакты, адрес, график работы и фото директора». Нет. Обложка — это баннер, а не справочник.
Правило: если убрать половину элементов с карточки — и она станет понятнее — значит там было лишнее.
Правило: если убрать половину элементов с карточки — и она станет понятнее — значит там было лишнее.
Нечитаемый текст
Мелкий шрифт, плохой контраст, декоративные шрифты, наложение текста на пёструю часть фото — всё это мгновенно отсекает клиентов.
Проверка: покажите карточку бабушке. Если она не может прочитать за 3 секунды — переделывайте.
Проверка: покажите карточку бабушке. Если она не может прочитать за 3 секунды — переделывайте.
Эмодзи-зоопарк
🔥💥✨🏆👍💯 — не надо так. Один-два смайлика максимум, и только если они усиливают смысл.
Смешение услуг в одном объявлении
«Ремонт, дизайн, клининг, вывоз мусора, установка окон» — так не работает. Каждая услуга должна идти отдельным объявлением с отдельной карточкой.
Почему? Потому что у клиента конкретный запрос. Если он ищет «ремонт ванной», а вы продаёте «всё и сразу» — он пройдёт мимо.
Почему? Потому что у клиента конкретный запрос. Если он ищет «ремонт ванной», а вы продаёте «всё и сразу» — он пройдёт мимо.
Отсутствие цены или контактов
Если цена — ваше преимущество (вы дешевле рынка), указывайте её на обложке. Если не преимущество — уберите, но добавьте другое УТП.
Контакты (телефон, мессенджеры) можно добавить на дополнительные фото внутри объявления.
Контакты (телефон, мессенджеры) можно добавить на дополнительные фото внутри объявления.
Инструменты для создания карточек
Не обязательно быть дизайнером, чтобы делать нормальные карточки. Есть куча инструментов для новичков.
Canva
Простой онлайн-редактор с готовыми шаблонами. Можно создать карточку за 15 минут.
Плюсы: интуитивно, много шаблонов, бесплатная версия
Минусы: шаблоны часто однотипные, нужно дорабатывать под себя
Плюсы: интуитивно, много шаблонов, бесплатная версия
Минусы: шаблоны часто однотипные, нужно дорабатывать под себя
Figma
Профессиональный инструмент, но с низким порогом входа. Есть бесплатная версия.
Плюсы: полный контроль, можно создавать уникальные дизайны
Минусы: нужно время на обучение
Плюсы: полный контроль, можно создавать уникальные дизайны
Минусы: нужно время на обучение
***
Как тестировать эффективность карточек
Создать карточку — полдела. Нужно понять, работает ли она.
Метрики для отслеживания
Авито даёт статистику по каждому объявлению. Смотрите на:
Если CTR низкий (меньше 2-3%) — проблема в обложке. Если просмотров много, а звонков нет — проблема в тексте объявления или дополнительных фото.
- CTR (кликабельность) — сколько людей кликнуло по вашему объявлению из тех, кто его увидел
- Количество просмотров телефона
- Количество добавлений в избранное
Если CTR низкий (меньше 2-3%) — проблема в обложке. Если просмотров много, а звонков нет — проблема в тексте объявления или дополнительных фото.
A/B тестирование
Сделайте два варианта карточки с разными обложками. Запустите оба. Через неделю сравните CTR.
Что можно тестировать:
Побеждает тот вариант, у которого выше кликабельность и больше звонков.
Что можно тестировать:
- Разные заголовки
- Разные цветовые схемы
- Наличие/отсутствие фото людей
- Разные УТП
Побеждает тот вариант, у которого выше кликабельность и больше звонков.
Связь дизайна с алгоритмами Авито
Авито постоянно совершенствует свои алгоритмы. Платформа анализирует не только текст, но и визуал.
Что влияет на ранжирование:
Вывод: делайте карточки для людей, а не для алгоритмов. Но помните, что алгоритм — это первый фильтр.
Что влияет на ранжирование:
- Уникальность изображений (свои фото ранжируются выше стоков)
- Релевантность визуала тексту (если продаёте ремонт, а на фото кот — алгоритм понижает)
- Качество изображений (размытые, пиксельные фото — минус к рейтингу)
- Отсутствие спама (кричащие надписи типа «ДЁШЕВО!!!» считаются спамом)
Вывод: делайте карточки для людей, а не для алгоритмов. Но помните, что алгоритм — это первый фильтр.
Чек-лист перед публикацией
Перед тем как загрузить карточку на Авито, прогоните её по этому списку:
☐ Заголовок читается на мобильном экране
☐ Использовано максимум 3 УТП
☐ Контраст текста и фона достаточный
☐ Все важные элементы в центральной зоне (не обрезаются в квадрате)
☐ Размер изображения 1200×1200 px или больше
☐ Использованы реальные фото (не стоки и не рендеры)
☐ Нет перегруза информацией
☐ Цветовая схема гармоничная (не больше 4 цветов)
☐ Название компании или логотип присутствуют
☐ Нет орфографических ошибок в тексте
☐ Карточка выделяется среди конкурентов
Если хоть один пункт не выполнен — дорабатывайте.
☐ Заголовок читается на мобильном экране
☐ Использовано максимум 3 УТП
☐ Контраст текста и фона достаточный
☐ Все важные элементы в центральной зоне (не обрезаются в квадрате)
☐ Размер изображения 1200×1200 px или больше
☐ Использованы реальные фото (не стоки и не рендеры)
☐ Нет перегруза информацией
☐ Цветовая схема гармоничная (не больше 4 цветов)
☐ Название компании или логотип присутствуют
☐ Нет орфографических ошибок в тексте
☐ Карточка выделяется среди конкурентов
Если хоть один пункт не выполнен — дорабатывайте.
Заключение
Создание продающих карточек для Авито — это не магия и не искусство. Это конкретная технология с понятными правилами.
Главное — помнить, что дизайн существует не для красоты, а для результата. Каждый элемент должен работать на клик, на звонок, на продажу.
Следуйте чек-листу выше, тестируйте разные варианты, анализируйте статистику — и через месяц вы будете делать карточки, которые продают в разы лучше конкурентов.
Главное — помнить, что дизайн существует не для красоты, а для результата. Каждый элемент должен работать на клик, на звонок, на продажу.
Следуйте чек-листу выше, тестируйте разные варианты, анализируйте статистику — и через месяц вы будете делать карточки, которые продают в разы лучше конкурентов.
