Еталон вау
Еталон дизайну Initask

Вау з першого кадру

Кожен прийом наживо: крутіть, тягніть, копіюйте параметри.

Чекліст вау Параметри руху
Three.js 0.170 · PBR-склокамера 1600 мс · e-outстовпчики крок 70 мснахил за курсором до 6°
01 · Світло

Одне джерело світла

Тягніть лампу: тіні й відблиск ідуть за нею. У продукті світло стоїть зверху ліворуч.

Рахунків за тиждень1 240+18%
Звірка МХП2 розбіжності
Агент працює12 агентів
кут 135°--sh-1 · --sh-2 · --sh-3
02 · Глибина

Три шари, три швидкості

Рухайте курсором чи телефоном. Кнопка розкладає сцену на шари.

Тло · 0,2
Діорама: острів бізнесу з агентамиСцена · 0,5
Інтерфейс · 1,0
Рахунки1 240
Закрили агенти58%
Доставки сьогодні86
03 · Рух зі змістом

Цифри рахуються, графіки наливаються

Запуск при появі на екрані, один раз. Кожен рух веде око до цифри.

0₴ закрито агентами за тиждень
пнвтсрчтптсбнд
0%звернень закрили агенти
лічильник 1200 мс · e-outстовпчики 700 мс, крок 60 мскільце 1100 мслінія 1400 мс · e-inout
04 · Тривалості й криві

Чотири криві на все

Тільки transform і opacity. Лінійний рух виглядає машинним, червоний рядок для порівняння.

05 · Мікровзаємодії

Відгук швидше за думку

Кожен клікабельний елемент відповідає за 100 мс: наведення, натиск, фокус.

Натиск і відблиск140 мс · 700 мс
Магнітна кнопка
Тягнеться до курсорадо 8 px
Пружина і сплеск240 мс · e-spring
Індикатор пливе480 мс · e-out
Казначейство · сьогодні4,8 млн ₴
12 платежів3 на погодженні
Нахил і відблиск за курсоромдо 8° · перспектива 900
Підпис злітає, рамка світиться240 мс
06 · Пости і сторіс

Сцена живе сама

Власник 23.10.2026: «Без анимации такие вещи не делаем». Камера, світло по лініях, вікна, сфера і поява тексту рухаються разом.

1080 × 1350 · стрічка
1080 × 1920 · сторіс і рілс
наїзд з облетом 10 ссвітло біжить лініями від сферивікна і сфера дихаютьслова крок 70 мс, лічильник 1,6 сЖивий пост на весь екран
07 · Було і стало

Той самий зміст

Тягніть повзунок. Ліворуч пласка обкладинка з ознаками генерації, праворуч еталон.

Пласка обкладинка з ознаками генерації
БулоСтало

Провали, що повертаємо на переробку

Пласка обкладинка

текст на градієнті, руху й глибини нуль

Сітка однакових карток

цифра і речення шість разів

Порожній герой

заголовок по центру і кнопка

Неон і градієнтний текст

фіолетово-синя гама генератора

Текст поверх нерухомої картинки

«Без анимации такие вещи не делаем»

Без кадру для reduced-motion

людина з налаштуванням бачить пустку
08 · Перевірка перед здачею

Чекліст вау

0, 1 чи 2 за кожен пункт. Здаємо від 16 з 20 і без нуля в червоних пунктах.

0
з 20
Доробляємо
09 · Конвеєр креативу

Від ідеї до картки

Натисніть крок: що робимо і чим.

10 · Референси

Що беремо в найкращих

Дивимось перед кожною роботою. Наші еталони позначено бірюзовим.