8 тижнів навчання

Стань майстром з анімації у Figma та надай життя дизайну!

Динамічна Figma. Вчимося анімувати інтерфейси та сайти, від яких по тілу мурахи!

Дізнатись більше
"

Потужні уроки анімації у figma з базовими уроками: 3D, Spline та AI з описом розробки у figma

Уроки в записі, додаткові матеріали та бонуси
Сценарії побудови анімації по прикладам
Мінімум 4 проєкти собі у портфоліо
Чат підтримки та перевірка ДЗ
для тебе якщо

Твій дизайн стане в х2-х5 дорожчим із знаннями анімації

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

Твій дизайн стане в х2-х5 дорожчим із знаннями анімації

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

Твої роботи стануть більш сучасними на рівні дизайнів Awwwards

Тобі стане простіше розуміти, як створювати анімацію на реальних прикладах без допомоги моушн дизайнерів чи програмістів. Навчишся упаковувати анімацію по правилам Behance/Dribbble.

Забудеш про проблеми налаштувань UI елементів та передачі на розробку

Ти дізнаєшся, як створювати анімації з підтвердженням коду для програміста, та отримаєш рекомендації та правила упаковки анімацій для подальшої розробки на рівні Профі.

стартуй вже

Головні складові результативного AnimationOn!

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

60+ уроків в записі
Перевірку завдань та зворотний зв’язок від Росі
10 бонусних уроків Figma Motion
3D Spline базові уроки
Практичні завдання
2 місяці навчання
Телеграм-канал та чат учасників, нетворкінг
Дізнатись більше
програма

Отримай 60+ уроків y Figma, Spline 3D в записі на платформі

00 Модуль. Переднавчання

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

(10 відео)

01 Модуль. Motion Mindset: Як працює анімація (UX перспектива)

Закладаємо правильне мислення. Motion як частина UX (не просто прикраса). Типи анімації та взаємодії (UX vs Marketing motion). Рух: Timing / speed / duration / easing

(08 відео)

02 Модуль. Figma Magic — технічна база для анімації. Autolayout / Component / Variants

Без цього в Motion — нікуди. AutoLayout, Components, Variants. Smart Animate та interaction states. Принципи структурування файлу для motion.

(05 відео)

03 Модуль. UI анімації та мікровзаємодії

Практика сучасних ефектів — hover, transitions, flows. Анімація UI елементів та блоків. Мікровзаємодії для кнопок, карток, слайдерів

(09 відео)

04 Модуль. Архітектура Motion: Сценарій крок за кроком (створення кейсу 01)

Стратегічна побудова сценаріїв як у продукт-дизайні. Як мислити послідовностями, а не ефектами. Архітектура взаємодійПриклади з реальних проєктів ментора. Storyboard + логіка взаємодії користувача.

(13 відео)

05 Модуль. Сценарії Анімацій (UI + веб-практика створення кейсу 02)

Ти створиш сторінку паралакс проєкту, з детальним поясненням анімацій складних взаємодій. Зрозумієш як будувати сценарій анімації та проходження шляху від т.А до т.Б

(10 відео)

06 Модуль. 3D Site (створення кейс 03)

Тут ти вистрілиш у тренд 2025 🧠✨ Як AI допомагає в підготовці motion: референси, фото, відео. Створення AI motion assets (наприклад, через Runway, Midjourney тощо). Як писати анімацію кодом у Figma Make (JS, timeline control). А також потужний кейс із 3D.

(5 відео)

07 Модуль. AI & Figma Make — суперсила дизайнера

Timing, easing, interaction behavior. Motion guidelines: як стандартизувати рух. Motion tokens у Figma. Motion-токени (duration, easing, delay) - оформлюємо файл.

(NEW)

08 Модуль. Принципи руху, системи та guidelines

Timing, easing, interaction behavior. Motion guidelines: як стандартизувати рух. Motion tokens у Figma. Motion-токени (duration, easing, delay) - оформлюємо файл.

(NEW)

09 Модуль. Lottie — продакшн-анімація без болю

Що таке Lottie і чому це маст-хев. Як створювати UI анімацію й експортувати. Як оптимізувати файл. Як вставити в сайт або передати девелоперу. Багато практики з UI

(NEW)

10 Модуль. Адаптиви, співпраця з девелоперами та handoff

Як адаптувати анімації під мобільні пристрої. Як правильно описувати та передавати анімацію девамФормати handoff: таблиці, gif, Lottie, Rive

(06 відео)

11 Модуль. Портфоліо з анімацією для Behance / Upwork / LinkedIn

Як збирати кейси з motion. Як правильно описувати UX-логіку. Як знімати motion демо та оформлювати проект. Як зробити відео візитку ваших робіт.

(08 відео)

Відкрити усі
Бонуси при повній оплаті

3D Spline - Базові знання про побудову обʼєктів та інтеграцію в дизайн та на сайт конструктор Dora.

Додаткові 20 уроків мікро анімацій - курсор, слайдери, рух обʼєктів.

Написати менеджеру
про ментора

У вас вийде, тому що:

ви опинились в руках наставника, яка пройшла особисто від новачка в агенції до побудови власного особистого бренду на фрілансі. Всі ці методи я обʼєднала в одну систему за 11 років, яку даю тобі.

11+ років досвіду в дизайні

Розпочала кар'єру графічним та веб-дизайнером в агенціях, а 9 років тому перейшла на фріланс як UX/UI дизайнер.

Росі ментор фото
3+ роки наставництва

У моїх підопічних 4 проєкти на місяць. Вони заробляють $900/5 днів роботи. Навіть мами в декреті та студенти  мають свою професію мрії.

500+ проєктів різної складності

Клієнти з Європи, Канади та США на Upwork та Behance. Працювала Senior WEB & UX/UI Designer в агенції “Science of Connectivity” та з українським стартапом Physiokit.

+8 Сертифікатів освіти

Навчалася у провідних експертів, отримала 5 сертифікатів з UX/UI Design в Каліфорнійському університеті. Проходила курси з маркетингу, Таргету, Інвестицій, SMM та WebFlow.

тарифи

11 модулів на курсі в записі + 2 бонусних модуля

Протягом курсу ви навчатиметесь загалом 20+ годин за 2 місяці уроків у записі, з яких 15+ годин складатимуться з практичних уроків. Це буде підкріплено відгуком куратора і наданням навчальних і практичних матеріалів, а також ресурсами для читання.

Міні-курс

Сумніви з чого почати? Пройди міні навчання з анімації за 7 днів, перед тим. як переходити до animationOn.

470грн / 7 днів

  • Крок 01. Перейди на сайт та ознаймся із швидким знанням з анімації

  • Крок 02. Пройди навчання за 7 днів, та створює красиві Мікро-анфмації у Figma для UX/UI
Міні навчання
Повний курс

Цей пакет обирай, якщо націлений прокачати свої знання по максимуму прямо зараз.

9000грн / за 2міс

20000грн

  • Усі 70+ відео-уроки та бонуси

  • Перевірка ДЗ та зворотній звʼязок по бажанню.
  • Додатковий +1міс для перегляду матеріалу
Хочу на курс з -65%
Консультація

Отримай персональну консультацію ментора Росі на тему анімації та розробки.

по бронюванню

  • Бронюй час за кнопкою внизу

  • Обирай час та дату консультації напряму у ментора.
  • 60хв консультація у ZOOM з записом ефіру
Записатись
відгуки

Найголовніше - це люди та реальні результати!

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

review screen
review screen
review screen
review screen
review screen
review screen
review screen
review screen
review screen
review screenreview screen
Cool course
review screen
review screen
review screenreview screen
роботи в які закохуєшся

500+ учнів пройшли курси Crazy animation, AnimationON

на курсах учні отримали не просто уроки з анімації у Figma чи 3DSplane, а суперські кейси собі в портфоліо, позиціонування на ринку, залучення нових клієнтів та агенцій.

E-Commerce
Personal Portfolio
Business Site
Landing page
Concept design
UX/UI motion
Paralax effects
є питання?

Щодо тарифів, програми, графіку навчання, розтермінування чи оплати з-за кордону?

Я розробник/графічний дизайнер/smm (тощо). Чи буде мені корисний цей курс?

(01)

Відкриття повної відповіді

Звичайно! Якщо ви зможете проектувати...

Звичайно! Якщо ви зможете проектувати, так і розробляти веб-сайти для клієнтів, ви зможете надати більшу цінність. У минулому ви повинні були створити принаймні один простий веб-сайт або працювати із Фігмою — навіть якщо тільки для себе. Якщо ви графічний дизайнер, але ніколи не створювали анімацію почніть з міні курсу Crazy Animation, міні продукт за 7 днів, щоб детальніше дізнатись, як працює анімація.

Які програми та інструменти мені потрібні для проходження цього курсу?

(02)

Відкриття повної відповіді

Ви будете вивчати і повністю створювати...

Ви будете вивчати і повністю створювати сайти у Figma та вчитися будувати сценарії для великих кейсів саме з анімації. В допомогу також буде референси вже готової розробки анімації для передачі розробнику матеріалів.

Чи підійде це новачку?

(03)

Відкриття повної відповіді

Так, курс побудований від самих перших...

Так, курс побудований від самих перших кроків створення дизайну. Ви можете передивитись Бонусний курс із Figma який дається для повторення і перейти до вивчення анімації.

Який доступ я маю до інструктора?

(04)

Відкриття повної відповіді

Коли ви зареєструєтесь на цей курс...

Коли ви зареєструєтесь на цей курс, вас запросять приєднатися до спільноти Rosi, де ви зможете спілкуватися з ментором та куратором, а також з іншими студентами з усього курсу. Курс у записі, і ви його проходите самостійно. Але Росі відповідає на питання по ДЗ та проводить особистий аналіз роботи вкінці вашого навчання, для цього повідомте в чаті курсу.

Коли починається наступний запуск курсу?

(05)

Відкриття повної відповіді

Щоб розпочати, вам не обовʼязково чекати...

Щоб розпочати, вам не обовʼязково чекати запуску. Можете розпочати з прямо зараз.

Як я можу оплати? Чи можна оплатити частинами?

(06)

Відкриття повної відповіді

Ви можете платити 2-3ма місячними платежами...

Ви можете платити 2-3ма місячними платежами або відразу, щоб додатково заощадити. Ми безпечно обробляємо всі платежі через Way for Pay, і ви отримаєте квитанцію електронною поштою одразу після покупки. Якщо вам потрібен більш детальний рахунок-фактура для ваших записів, повідомте менеджеру або Росі. Оплату ви можете зробити будь яким банком України та іноземними банками.

Чи є сертифікат про проходження курсу?

(07)

Відкриття повної відповіді

Так, сертифікат надається після проходження...

Так, сертифікат надається після проходження усіх практик та здачі Дипломного проєкту. Якщо по завершеню курсу ви не встигли завершити, за вами залишається ще 2 місяці доступу на платформі, щоб завршити Дипломний проєкт та отримати сертифікат.

Маєш ще питання?

Ми допоможемо підібрати найкраще рішення для тебе, звʼяжись із менеджером, якщо маєш додаткові питання.

Написати менеджеру