На связи Николай из Pixel Perfect!

Обо мне: 10 лет в разработке, сооснователь школы PP и студии FLUID, с которой мы делали проекты для Setters, Касперского, Самолёта, Chulakov School и десятков международных брендов. Обучил 1к+ человек и помог сотням выйти на доход от 100к.

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

Ура, совсем недавно все поменялось — GSAP теперь встроен в Webflow нативно. Можно собирать анимации уровня Awwwards в визуальном интерфейсе, без костылей! Поэтому мы сделали этот курс — первый в русскоязычном комьюнити, где ты получишь системный разбор GSAP в Webflow и научишься создавать анимации, выделяющие проекты на рынке.

<aside> 💚

Лучшие условия по предзаказу: скидка 60% по промокоду PPLOVEGSAP

</aside>

<aside>

<aside>

Дизайнерам и верстальщикам

</aside>

Ты работаешь в Webflow, но не выходишь за рамки Interactions. На курсе освоишь полный стек нативного GSAP: SplitText для поэтапного появления текста, Stagger с точной настройкой таймингов. Покажем, как встроить их в проект, чтобы анимация усиливала UX.

</aside>

<aside>

<aside>

Продвинутым пользователям GSAP

</aside>

Ты, как и мы раньше, страдал, чтобы интегрировать GSAP в WF. Теперь он встроен нативно и после курса ты сможешь работать эффективнее: SplitText, гибкий Stagger, комбинированные триггеры и оптимизация анимаций.

</aside>

<aside>

<aside>

Нашим студентам Webflow-курса (тарифы Only и Basic)

</aside>

Если уже освоил стандартные Interactions на обучении, то этот курс закроет пробел с GSAP. Разберём базовые и продвинутые возможности нативного GSAP в Webflow, чтобы твои проекты выглядели динамичнее, без лишних скриптов.

</aside>

<aside>

<aside>

Новичкам в Webflow, которые хотят начать с анимаций

</aside>

Начать с анимаций GSAP — хороший ход. Он даёт больше, чем стандартные эффекты: плавность, точный контроль и более выразительные сценарии. После курса будешь применять GSAP так, что даже первый проект на Webflow будет огонь!

</aside>

<aside>

ДО КУРСА

</aside>

<aside>

Делаешь сайты, но они кажутся плоскими, всё статично и без акцентов. Юзеры скроллят вниз и дизайн теряет половину своей выразительности.

</aside>

<aside>

Сохраняешь в закладки сайты с Awwwards, но без понятия, как реализовать такие же анимации — с чего начать, какие тулзы использовать и как «разложить» эффект на шаги.

</aside>

<aside>

Боишься, что при добавлении сложного эффекта всё поедет/сломается, поэтому ограничиваешься базовыми fade-in и slide из Webflow Interactions.

</aside>

<aside>

Вообще только недавно узнал про GSAP. Кажется, что делать анимации там — для сеньоров, которые учились годами. Не знаешь, как подступиться к инструменту.

</aside>

<aside>

ПОСЛЕ КУРСА

</aside>

<aside>

Главная встречает плавным появлением, заголовок красиво «разбивается» на слова, элементы оживают при скролле. Твой сайт запоминается.

</aside>

<aside>

Понимаешь логику сложных анимаций и собираешь их через GSAP в WF — настраиваешь таймлайн, триггеры, берешь нужные плагины, повторяя эффект максимально близко к оригиналу.

</aside>

<aside>

Знаешь, как работает GSAP в Webflow, какие настройки дадут нужный результат, и собираешь сложные анимации, не ломая верстку.

</aside>

<aside>

Понимаешь, что сложные эффекты доступны и новичку. Можешь собрать эффектное появление текста / анимацию элементов по клику. А с GSAP это почти как у опытных девелоперов.

</aside>

• Владеешь базовым функционалом GSAP — знаешь, как работают триггеры, таймлайн, easing, Stagger и SplitText, и можешь комбинировать их под любую задачу. Это даёт свободу в создании анимаций под конкретный сценарий, бренд и UX.
• Наполняешь портфолио сильными проектами — вместо однотипных лендингов у тебя появляются работы со сложными анимациями, привлекающие крупных клиентов: динамичные интро, сложные скролл-эффекты, выразительные текстовые переходы.
• Умеешь делать многосоставные анимации — создаёшь сцены, где несколько эффектов работают синхронно: текст появляется по частям, фон смещается, элементы реагируют на скролл или клики. Такая проработка визуала повышает твою ценность для клиента.
• Становишься сильнее на рынке — твой стек шире, чем у большинства WF-спецов. Можешь брать дорогие проекты с нестандартными анимациями, интерактивами и сложными эффектами, от которых раньше отказывался.
• Открываешь доступ к новым нишам — международные музеи, премиум-бренды, дизайн-студии, digital-агентства, финтех, AI и стартапы. Например, наша студентка Лена работала над дизайном и анимациями для сайта эко-стартапа, взявшим SOTD на Awwwards.

<aside>

3 модуля

</aside>

<aside>

11 уроков и 7 домашек

</aside>