Зал 04
Анимации
Анимация делает сайт запоминающимся: от эффектного первого экрана до страницы-истории, которая раскрывается при прокрутке. Делаем отдельной страницей или встраиваем в ваш сайт.
- Нужен целый сайт с анимацией? Сайты →
- Нужна одна продающая страница? Лендинги →
Например
- Яркий первый экран
Персонаж или логотип следит за курсором, как Людвик у нас на главной, а стеклянная линза плывёт за мышкой. Такой экран запоминается с первой секунды. Персонажа рисуем по отдельной оценке или берём вашего.
Страница-история
Посетитель прокручивает, а экраны сменяют друг друга: фото продукта приближаются, этапы появляются по очереди, история ведёт к заявке.
Движущийся фон
Шёлковый градиент, частицы или «жидкий» фон за текстом — страница в движении, а текст читается легко.
Анимированная инфографика
Цифры набегают, схемы и этапы появляются при прокрутке — сложное объясняется за секунды.
Эффектный запуск
Новинка или коллекция появляется с анимацией, а обратный отсчёт тикает до старта — такой страницей хочется поделиться.
Отклик кнопок и иконок
Кнопки, иконки и меню откликаются на нажатие — сайт выглядит продуманным и дорогим.
Потрогайте сами
Наведите курсор или коснитесь — анимации отвечают на ваши движения.
Лёгкая анимация блоков
Блоки появляются по очереди, а цифра набегает до 100%.
Шёлковый градиент
Цвета медленно переливаются, как шёлковая ткань.
«Жидкий» фон
Поверхность течёт, а от курсора расходятся волны.
Стеклянная линза
Линза плывёт за курсором и преломляет узор под собой.
Желе
Ткните мармеладного мишку — он задрожит, а потом успокоится.
Частицы
Точки складываются в слово и разлетаются от курсора.
Что вы получаете
01
Анимация в стиле бренда
В ваших цветах и шрифтах, с движением под характер компании — спокойным, игривым или строгим.
02
Быстрая загрузка
Сначала загружается текст, затем анимация. На слабых телефонах показываем облегчённую версию эффекта.
03
Встраивается куда нужно
Отдельная страница на вашем домене или блок на вашем сайте, в том числе на Tilda.
Код — ваш
Передаём исходники анимации — её можно менять, развивать и перенести на другой сайт.
Дружит с поиском
Текст страницы остаётся текстом — Яндекс, Google и ИИ-ассистенты видят её содержание.
Спокойная версия
Если в телефоне включено «Уменьшить движение», анимация замирает или становится мягче — страницу удобно читать всем.
Согласуем до разработки
Показываем, как будет двигаться анимация; правки собираем одним списком и вносим до утверждения.
Работаем по договору
Договор — ваша юридическая гарантия: в нём закреплены объём работ, сроки и цена.
Поддержка после запуска
От недели до месяца, в зависимости от пакета, бесплатно исправляем ошибки.
От вас
- Идея или настроение
- Логотип, цвета и примеры, которые нравятся
- Доступ к сайту или макет, куда добавить анимацию
- Иллюстрации, если хотите их анимировать
Остальное — на нас.
Пакеты
Базовый
10 000 ₽
срок: 3–5 рабочих дней
- Лёгкая анимация страницы: блоки плавно появляются при прокрутке
- Анимация кнопок, иконок и переходов
- Цифры, которые набегают до нужного значения, и анимированные иллюстрации
- 1 неделя поддержки
- Чаще выбирают
Расширенный
20 000 ₽
срок: 1–2 недели
- Интерактивная графика прямо в браузере (WebGL): «жидкий» фон, шёлковый градиент, частицы, стеклянная линза или желе — как в галерее выше
- Реагирует на курсор, касание и прокрутку
- 2 недели поддержки
Максимальный
от 50 000 ₽
Итог зависит от сложности сценария
срок: от 3 недель
- Страница-история: экраны сменяются по прокрутке или клику
- Сценарий движения и переходы между экранами
- Раскадровка: каждый экран согласуете до разработки
- Несколько эффектов из галереи внутри истории
- Звуковое сопровождение по желанию: подбираем из бесплатных библиотек или берём ваше
- Аналитика: до какого экрана досматривают историю
- 1 месяц поддержки
Во всех пакетах: Подключение к вашему сайту, в том числе на Tilda · Превью движения до разработки · Исходный код анимации · Отчёт о скорости загрузки · Проверка в разных браузерах. Отдельную страницу размещаем на вашем домене; домен, хостинг, платные шрифты и музыка оплачиваются отдельно. 3D-модели и конфигураторы товара, где покупатель крутит и перекрашивает товар, — по отдельной оценке.