Оживляю сайты движением, которое работает на пользователя, а не против скорости загрузки. Хорошая анимация считывается ещё до того, как человек успевает её осознать, поэтому каждый переход, эффект при скролле и реакцию на наведение я рассматриваю как функциональный элемент, а не декор. Работаю на GSAP — эта библиотека даёт точный покадровый контроль во всех браузерах и позволяет выстраивать длинные вложенные таймлайны, которые не заикаются даже на бюджетных смартфонах.
Беру на себя весь диапазон движения на проекте: скролл-сценарии на ScrollTrigger с появлением блоков, закреплением секций и параллаксом там, где это уместно; плавные переходы между экранами и маршрутами, из-за которых одностраничник перестаёт мигать перезагрузками; анимацию SVG — иконки, логотипы, ожившие иллюстрации; и точечные микровзаимодействия кнопок, полей и меню. К скорости отношусь придирчиво: анимирую только трансформации и прозрачность, чтобы всё считалось видеокартой, поддерживаю prefers-reduced-motion и проверяю результат на живых телефонах, а не только на мощном ноутбуке, — движение усиливает впечатление и не портит Core Web Vitals.
— Скролл-сценарии, закрепление секций и параллакс на ScrollTrigger
— Переходы между экранами для SPA и классических сайтов
— Анимация SVG, логотипов и микровзаимодействия
— Поддержка reduced-motion и скорость на любых устройствах
Беру на себя весь диапазон движения на проекте: скролл-сценарии на ScrollTrigger с появлением блоков, закреплением секций и параллаксом там, где это уместно; плавные переходы между экранами и маршрутами, из-за которых одностраничник перестаёт мигать перезагрузками; анимацию SVG — иконки, логотипы, ожившие иллюстрации; и точечные микровзаимодействия кнопок, полей и меню. К скорости отношусь придирчиво: анимирую только трансформации и прозрачность, чтобы всё считалось видеокартой, поддерживаю prefers-reduced-motion и проверяю результат на живых телефонах, а не только на мощном ноутбуке, — движение усиливает впечатление и не портит Core Web Vitals.
— Скролл-сценарии, закрепление секций и параллакс на ScrollTrigger
— Переходы между экранами для SPA и классических сайтов
— Анимация SVG, логотипов и микровзаимодействия
— Поддержка reduced-motion и скорость на любых устройствах
