Как составить техническое задание для дизайнера карточек объявлений на Авито

Чтобы получить качественный визуал для объявлений на Авито и не потратить бюджет на бесконечные правки, важно правильно постановку задачи. Грамотное техническое задание (ТЗ) переводит требования бизнеса на язык visual-дизайна. В этой инструкции разберём, как составить техническое задание для дизайнера карточек объявлений на Авито, какие данные подготовить до начала работы и каких ошибок стоит избегать.

—

Зачем продавцу на Авито нужно подробное ТЗ для дизайнера

Разработка визуала без четкого описания задачи обычно приводит к расхождению с ожиданиями. Запрос «сделайте красиво и ярко» оставляет дизайнеру слишком много свободы: специалист создаст концепт на свой вкус, который может не отвечать задачам бизнеса и не учитывать особенности площадки.

Подробное тз на дизайн авито решает три практические задачи:

1. Экономия времени и бюджета. Четкая структура и требования снижают количество итераций правок. Дизайнер сразу понимает, какие смыслы и акценты нужно отразить на каждом слайде.
2. Учет специфики Авито. Визуал для Авито отличается от графики для маркетплейсов вроде Wildberries или Ozon. На маркетплейсах часто используют перегруженную инфографику с множеством плашек. На Авито пользователи ценят реалистичность и прозрачность: перегруженный коллаж может вызвать недоверие или ощущение «рекламного спама».
3. Оптимизация под мобильную выдачу. Большинство пользователей смотрят объявления со смартфонов. ТЗ помогает заранее заложить нужные шрифты и контраст, чтобы тексты читались даже на небольшом экране.

—

Подготовка перед составлением ТЗ: какие данные собрать

Перед тем как заполнять инфографика для авито техническое задание, необходимо собрать базовую фактуру о товаре и нише.

1. Анализ выдачи и конкурентов Изучите первую страницу выдачи по вашему главному поисковому запросу на Авито:
2. Какие фоны и ракурсы используют основные продавцы в нише.
3. Какие преимущественные смыслы вынесены на первые фото у конкурентов.
4. Чем ваше предложение отличается в лучшую сторону (цена, гарантия, скорость доставки, комплектация).

1. Смысловая проработка (УТП и боли покупателей) Составьте список из 3–5 ключевых преимуществ товара или услуги. Подумайте, с какими сомнениями сталкивается покупатель:
2. Если продается сложное оборудование — важна понятная комплектация и технические характеристики.
3. Если корпусная мебель — важны точные габариты, материалы и варианты цветов.
4. Если услуга — важны этапы работы, гарантии и реальные примеры объектов.

1. Подготовка исходных материалов Качество итогового визуала напрямую зависит от исходников. Подготовьте:
2. Фотографии товара в высоком разрешении (желательно с разных ракурсов, при хорошем освещении).
3. Фотографии деталей, текстуры, упаковки или процесса оказания услуги.
4. Элементы фирменного стиля (логотип, шрифты, брендбук), если они есть.

—

Из каких блоков состоит правильное ТЗ на дизайн карточки

Формат ТЗ может быть любым: документ Google Docs, таблица в Notion, файл на Яндекс Диске. Главное — сохранять структуру.

Основные блоки корректного задания:

1. Информация о проекте: Категория товара/услуги, целевая аудитория, ценовой сегмент.
2. Технические параметры: Форматы файлов, соотношение сторон, безопасные зоны.
3. Послайдовый план (сценарий): Тексты, акценты и раскладка по каждому фото.
4. Примеры и ограничения: Референсы, антиреференсы, требования модерации.

Ниже приведен практический шаблон тз дизайнеру авито, который можно скопировать и закрепить за проектом:

«`text

ОБЩАЯ ИНФОРМАЦИЯ:

• Товар/услуга: [Название товара или услуги]
• Целевая аудитория: [Кто покупает: розница/опт, частные лица/бизнес]
• Главная задача карточки: [Выделиться в выдаче / показать комплектацию / закрыть страх по качеству]

ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ:

• Соотношение сторон: 4:3 (или 1:1 в зависимости от категории)
• Формат готовых файлов: JPG / PNG
• Объем галереи: [Количество слайдов, например, 5 штук]

ПОСЛАЙДОВЫЙ ПЛАН:

Слайд 1 (Главное фото):

• Фото-исходник: [Ссылка на фото]
• Главный заголовок: [Текст]
• Дополнительные плашки: [2-3 коротких тезиса]
• Замечания: Учесть безопасные зоны под значки Авито.

Слайд 2:

• Фото-исходник: [Ссылка]
• Текст: [Текст]
• Акцент: [Что выделить визуально]

[Аналогично для остальных слайдов]

РЕФЕРЕНСЫ И ОГРАНИЧЕНИЯ:

• Ссылка на папку с референсами (как надо): [Ссылка]
• Ссылка на антиреференсы (как НЕ надо): [Ссылка]
• Правила модерации: Без контактов, стрелок и запрещенных плашек. «`

—

Технические требования: форматы, пропорции и безопасные зоны

Ошибки в технических параметрах приводят к тому, что интерфейс приложения перекрывает важный текст или изображение обрезается при показе.

• Соотношение сторон и разрешение. В большинстве категорий на Авито используется пропорция 4:3 (горизонтальный или близкий к квадрату формат) или 1:1 (квадрат). Принимаются форматы JPG и PNG. Используйте изображения с разрешением не менее 1280×960 pixels, чтобы картинка оставалась четкой при масштабировании.
• Безопасные зоны (Safe Zones). На мобильных устройствах поверх первого фото накладываются элементы интерфейса Авито:
• Верхний правый угол — кнопка «Добавить в избранное» (иконка сердечка).
• Нижняя часть изображения — счетчик фотографий, плашки с ценой или статусом продавца.
• Рекомендация: Не размещайте ключевой текст и важные детали товара вплотную к краям изображения. Оставляйте отступы не менее 5–10% по периметру.
• Правила модерации. Правила площадки регулярно обновляются, поэтому перед запуском партии визуала проверяйте справку Авито. Общие ограничения:
• Нельзя указывать номера телефонов, ссылки на внешние сайты или соцсети на изображениях.
• Не допускаются вводящие в заблуждение элементы (например, отрисованные кнопки «Купить» или имитация системных уведомлений).
• Не рекомендуется использовать абстрактные знаки высокого рейтинга или скидок, не соответствующих действительности.

—

Послайдовый план: что размещать на первом и последующих фото

Галерея изображений — это визуальный сценарий взаимодействия с покупателем. Каждое фото должно выполнять свою функцию.

«`
Структура галереи карточки:
[ Слайд 1: Обложка ] ──► [ Слайды 2–3: Детали ] ──► [ Слайд 4+: Условия и CTA ]
Зацепить внимание Закрыть возражения Призвать к действию
«`

Главный слайд (Обложка)
Задача первого фото — выделить объявление в поиске и заставить пользователя перейти в карточку.

• Покажите товар крупным планом, чтобы было сразу понятно, что продается.
• Добавьте 1–3 ключевых тезиса (УТП). Текст должен быть коротким (2–4 слова на тезис).
• Избегайте визуального шума: если фон сложный, лучше аккуратно отделить товар контрастным подложкой или вырезать его на монохромный чистый фон.

Вторые и третьи слайды (Проработка деталей)
Когда покупатель зашел в карточку, его задача — убедиться в качестве и подлинности товара.

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

Завершающие слайды (Сервис и призыв к действию)

• Условия доставки (СДЭК, Авито Доставка, курьер, самовывоз).
• Пошаговая схема заказа (если товар изготавливается под параметры клиента).
• Ненавязчивый призыв к действию: «Напишите в чат для расчета стоимости», «Позвоните, чтобы забронировать размер», «Добавьте в избранное, чтобы не потерять».

—

Как правильно подбирать референсы и антиреференсы

Дизайнеру трудно угадать стиль «по описанию». Примеры из практики ускоряют понимание задачи в несколько раз.

• Референсы («Как делать нужно»): Найдите 2–4 примера карточек, которые вам нравятся по стилю, верстке или подаче.
• Антиреференсы («Как делать нельзя»): Найдите 1–2 примера с некрасивым оформлением, перегруженным фоном или нечитаемыми шрифтами. Это застрахует от решений, которые вам точно не подойдут.
• Пояснения к примерам: Обязательно подписывайте, что именно вам нравится в конкретном референсе.
• Неправильно: «Сделайте как тут».
• Правильно: «На этом референсе нравится аккуратная плашка под текстом и крупное изображение товара. Подача шрифтов хорошая, но цвета используем наши корпоративные».

Где искать референсы: выдача Авито в смежных нишах, портфолио дизайнеров на профильных площадках (Behance, Dribbble) или карточки крупных ритейлеров.

—

Частые ошибки при передаче задачи дизайнеру

1. Перегруз текстом. Попытка перенести все описание товара из текста объявления на первое фото. На мобильном экране мелкий текст превращается в нечитаемую кашу. Оставляйте только главные смыслы.
2. Использование стиля маркетплейсов. На Авито слишком яркие, «агрессивные» кислотные рамки и обилие плашек со скидками «90%» часто снижают доверие к продавцу. Графика должна выглядеть аккуратно и опрятно.
3. Нечитаемые шрифты. Декоративные, слишком тонкие или рукописные шрифты плохо воспринимаются при пролистывании ленты. Используйте простые гротески (без засечек) с хорошим контрастом относительно фона.
4. Игнорирование реального вида товара. Если сильно отретушировать фото и изменить реальный цвет товара, покупатель при получении может отказаться от заказа из-за несоответствия.

—

Чек-лист готовности ТЗ перед отправкой фрилансеру

Перед тем как передать дизайн карточек авито тз исполнителю, проверьте документ по следующим пунктам:

• [ ] Указаны форматы файлов и пропорции (4:3 или 1:1).
• [ ] Подготовлена ссылка на облачную папку с качественными исходниками фотографий.
• [ ] Прописан послайдовый план: есть тексты и задачи для каждого фото отдельно.
• [ ] Тексты на слайдах краткие, без лишних подробностей (до 3–5 слов на плашку).
• [ ] Учтены безопасные зоны для мобильного интерфейса Авито.
• [ ] Приложены референсы с текстовыми пояснениями (что именно в них нравится) и антиреференсы.
• [ ] Учтены правила модерации: отсутствуют контактные данные, ссылки и запрещенная символика.