Limgro
КейсУ продакшені з 2025Digital AdvertisingDOOH

AdsNation

Сайт і є демонстрацією продукту

AdsNation розміщує анімовану рекламу на цифрових екранах у торгових центрах з високим трафіком і веде весь цикл — від креативної ідеї до запуску кампанії: виробництво моушн-графіки, розміщення в прайм-локаціях, динамічна ротація креативів і оновлення контенту в реальному часі по мережі екранів.

Next.js
React
TypeScript
T
Three.js
Tailwind CSS
Цифри
6
Можливостей кампанії показано
2
Мови
1
Маршрут — усе на одній сторінці

Виклик

Рекламу в ТЦ продають як статичний постер на екрані — і продають рекламодавцям, які вже обпеклися на невимірюваному outdoor. Пітч мав довести, що анімація працює, і зробити це за перші три секунди сторінки, а не в абзаці тексту.

Що ми зробили

Ми зробили демо із самого сайту: WebGL mesh-градієнти, скрол-марки і безперервний рух показують, як виглядає анімоване розміщення, ще до першого прочитаного слова. Двомовна воронка EN/RU на одному маршруті скидає заявки прямо в канал відділу продажів.

Результат

Конверсійний сайт, який водночас є демонстрацією продукту: шість можливостей кампанії двома мовами і заявки, що доходять до продажів у реальному часі.

Що вміє продукт

Кожен екран нижче — живий продукт, знятий цього тижня.

Головна — анімоване розміщення показане одразу при завантаженні.
Модуль 01

Пітч

Анімоване розміщення на екранах у ТЦ важко описати і легко показати, тому сторінка починається з того руху, який продає.

  • Цифрові екрани у зонах ТЦ із високим трафіком
  • WebGL mesh-градієнти і безперервний рух
  • Воронка безкоштовного прорахунку з першого екрана
Можливості — чим рекламодавець керує в кампанії.
Модуль 02

Можливості кампанії

Шість важелів визначають outdoor-кампанію, і кожен із них рекламодавець реально контролює.

  • Моушн-графіка власного виробництва
  • Динамічна ротація креативів і розклад за часом
  • Оновлення контенту в реальному часі по мережі екранів
Відгуки — результати після переходу на анімацію.
Модуль 03

Докази

Рекламодавцям, які обпеклися на невимірюваному outdoor, потрібні слова інших рекламодавців.

  • Відгуки клієнтів про впізнаваність і трафік у магазині
  • Позиціонування проти статичних постерів
  • Повний цикл: від креативу до запуску
Контакт — форма заявки в кінці одного скролу.
Модуль 04

Конверсія

Усе живе на одному маршруті — між пітчем і формою немає жодного кроку навігації.

  • Архітектура одного маршруту зі скрол-якорями
  • Масковані й валідовані поля заявки
  • Миттєва доставка в канал продажів
На телефоні

Анімація доїжджає і до мобільного — демо працює на тому пристрої, з якого клієнт читає.

Під капотом

Стек і інженерні рішення, на яких це зроблено.

Фронтенд
Next.js 16 · React 19 · Three.js · mesh gradients · scroll-linked motion
Бекенд
Route handlers for enquiries · masked inputs · validation
Інфраструктура
Static-first single-route build · optimised media pipeline
Рендеринг та i18n
Single-route scroll architecture · EN/RU dictionaries
Інтеграції
Telegram sales bot · Google Maps · analytics
Інженерні рішення
  • WebGL mesh-градієнти і скрол-марки відтворюють саме той рух, який продає продукт.
  • Архітектура одного маршруту: кожна секція — скрол-якір, між пітчем і формою немає навігації.
  • Заявки маскуються і валідуються на клієнті, перевіряються на сервері й миттєво летять у канал продажів.
  • Важка анімація обмежена вьюпортом — сторінка тримає частоту кадрів навіть на ноутбуці.

Маєте схожий проект?

Давайте поговоримо про те, як ми можемо створити щось чудове для вашого бізнесу. Ми любимо виклики.

Почати розмову

Давайте створимо щось чудове разом

Маєте проект на думці? Розкажіть нам про це. Ми відповімо протягом 24 годин з чітким планом дій.