Технічне завдання: 2 GIF-банери для реклами мережі АЗС на сайті

Мета

Зробити 2 анімовані GIF-банери з 3–4 слайдами кожен (кадри змінюються), для розміщення в рекламі на Lardi Trans. Завдання — чітко донести УТП і привести користувача до кліку (CTA).

Мета

Зробити 2 анімовані GIF-банери з 3–4 слайдами кожен (кадри змінюються), для розміщення в рекламі на Lardi Trans. Завдання — чітко донести УТП і привести користувача до кліку (CTA).

Формати та розміри

1. Вертикальний: 240×400 px (GIF)

2. Горизонтальний: 320×100 px (GIF)

Анімація

• Кількість слайдів: 3–4 у кожному банері.

• Тривалість слайда: 2.5–3.0 с.

• Перехід: плавне згасання/фейд 200–300 мс (без різких спалахів).

• Цикл: безкінечний loop.

• Швидкість/ритм: читабельно з першого показу (жодних швидких миготінь).

Обмеження та технічні вимоги

• Формат файлу: GIF (sRGB, без прозорості/краще суцільний фон).

• Вага: орієнтир ≤ 400–500 КБ для 240×400 і ≤ 200–300 КБ для 320×100. Оптимізувати палітру/дизайн під вагові ліміти платформи.

• Текст: не менше 14–16 px (240×400) і 12–14 px (320×100), щоб читалося без масштабування.

• Рамка: тонка контрастна рамка 1 px по периметру, щоб банер не «зливався» з фоном сайту.

• Заборонено: мерехтіння, імітація системних спливаючих вікон/кнопок, надто часті зміни кадрів.

Контент і структура (приклад сторіборду)

• Слайд 1 (заголовок/УТП): коротко про пропозицію/бренд.

• Слайд 2 (переваги): 2–3 буліти/іконки (швидко читабельні).

• Слайд 3 (соц.доказ/умови): цифри/гарантії/географія.

• Слайд 4 (CTA): кнопка «Замовити/Детальніше», контакт/QR (за потреби).

Для 320×100 звести текст до мінімуму: 1 короткий хедлайн + CTA.

Візуальні вимоги

• Фірмові кольори/шрифти/логотип — використати згідно брендбуку (якщо брендбук не наданий — узгодити з замовником палітру і шрифти).

• Іконки/ілюстрації — в одному стилі. Фон однорідний або з легкою текстурою, щоб текст контрастно читався.

• CTA-кнопка контрастна, видима на всіх слайдах (останній — обов’язково).

Тексти (буде надано/уточнити з замовником)

• 2–3 варіанти коротких хедлайнів (до 25–30 символів для 320×100).

• 3–4 буліти по 2–3 слова (для 240×400).

• Текст CTA: «Замовити», «Дізнатися більше», «Зв’язатися» тощо.

• Мова: укр/рос — за ТЗ замовника (можна зробити двомовні версії).

Делівері/що здати

1. 2 готових GIF:

   • lardi_240x400_v1.gif

   • lardi_320x100_v1.gif

2. Статичні прев’ю кожного слайда у PNG (/previews/), щоб можна було погодити зміст без перегляду GIF.

3. Вихідники: PSD/AEP/FIG (що використовувалось) + усі шрифти/іконки (або криві).

4. Короткий звіт з оптимізації: скільки кольорів у палітрі GIF, який метод компресії застосовано.

5. За потреби — MP4-версії тих самих банерів (для узгоджень у месенджерах).

Критерії приймання

• Точні розміри, коректний цикл анімації, чисті контури без артефактів GIF.

• Текст читається з першого показу, CTA помітний.

• Вага в межах вимог, банери не «сипляться» на різних екранах (тест у Chrome/Firefox).

• Узгоджені кольори/логотипи, жодних порушень правил майданчика.

Термін і правки

• Етап 1: статичні макети слайдів (PNG) — на погодження.

• Етап 2: анімовані GIF (v1) — 1–2 кола дрібних правок включені.

• Дедлайн: сьогодні - завтра.

Від виконавця очікуємо

• Запропонувати 1–2 варіанти дизайну для кожного розміру (за можливості).