info@mybigtime.ru 8 (800) 201-11-32
Моушен-дизайн и веб-анимация

Lottie-анимация для сайта

Векторная анимация, которая весит килобайты и работает везде: иконки, иллюстрации, загрузчики, onboarding, анимация логотипа — в формате Lottie для сайта, приложений и Битрикс24. Lottie-анимация для сайта с передачей в JSON и контролем внедрения.

1–2 неделитиповой срок Бриф и сценарий — 2–5 дней. Живые иконки и иллюстрации без веса. от 50 000 ₽стоимость Ориентир для базового варианта. Точная цена — после бесплатного аудита.
Все услуги направления
exchange.log
[09:00:56] вектор в стиле бренда Дизайн ok[09:19:28] AE, Rive Анимация ok[09:34:24] JSON, оптимизация Lottie ok[09:59:54] плеер, события Внедрение ok[10:06:31] ленивая загрузка Производительность ok[10:19:41] дизайн-система Библиотека ok[10:40:00] summary ошибок 0, вручную 0

Что входит в работу

Наведите на карточку — раскроем, что именно делаем и зачем.

Зачем Lottie

GIF тяжёлый и мыльный, видео не масштабируется и не управляется. Lottie-анимация для сайта — векторная, лёгкая, чёткая на любом экране и управляемая кодом: иконки оживают по наведению, иллюстрации — по скроллу, загрузчики — в стиле бренда. Сайт и приложение выглядят дороже без потери скорости.

Как делаем

Список элементов → векторный дизайн → анимация → экспорт в Lottie с оптимизацией → внедрение или спецификации разработчикам → проверка производительности → библиотека. Набор из 10 анимаций — 1–2 недели.

Пример

Сайт SaaS-компании на React. 25 Lottie-анимаций: иконки функций, иллюстрации по скроллу, загрузчик, пустые состояния. Вес всех анимаций — 400 КБ, скорость сайта не изменилась, время на странице — +30%.

Как Lottie попадает на сайт

Схема после настройки — уточняется под ваши процессы.

Что делаем

Типовой состав — уточняется на аудите под ваши процессы.

ЭлементЧто делаемДля когоРезультат
Дизайнвектор в стиле брендабрендузнаваемо
АнимацияAE, Riveдизайнкачество
LottieJSON, оптимизацияразработкалёгкие файлы
Внедрениеплеер, событиясайтуправляемо
Производительностьленивая загрузкаИТбыстро
Библиотекадизайн-системакомандапереиспользование

After Effects + Bodymovin, Rive, LottieFiles; dotLottie; интеграция в React, Vue, Tilda, Bitrix, iOS/Android.

Смежные услуги

Задачи, которые чаще всего идут вместе с этой.

Сколько стоит

Набор анимаций

До 10 элементов

  • Дизайн и анимация
  • Экспорт в Lottie
  • Спецификации внедрения
  • Правки
от 50 000 ₽1–2 недели Узнать подробнее Живые иконки и иллюстрации без веса.

Под ключ

Библиотека + внедрение

  • Всё из базового на библиотеку
  • Внедрение на сайт с событиями
  • Производительность
  • Дизайн-система анимаций
от 160 000 ₽3–5 недель Узнать подробнее Lottie как часть сайта и продукта.

Сопровождение

Ежемесячно

  • Консультации и правки настроек
  • Обновления систем и доработок
  • Новые сценарии и отчёты по запросу
  • Реакция на проблему — до 4 часов
от 10 000 ₽/меспо договору Узнать подробнее Новые элементы, обновления.

Консультация бесплатная: обсудим задачу и назовём точную цену. Музыка и стоки по лицензии не входят.

Как идёт работа

01

Бриф и сценарий

Задача, аудитория, стиль, хронометраж. Сценарий и раскадровка.

02

Аниматик

Черновая анимация по раскадровке — согласуем ритм и подачу.

03

Анимация

Графика, движение, звук; версии под площадки.

04

Передача

Файлы в нужных форматах и разрешениях, исходники при необходимости.

Что остаётся у вас

Ролик или анимация в нужных форматах
Версии под площадки
Исходники при необходимости
Права на использование у вас

Частые вопросы

До 10 элементов — от 50 000 ₽, под ключ с внедрением — от 160 000 ₽, сопровождение — от 10 000 ₽ в месяц.

1–2 недели; под ключ — 3–5 недель.

Да, или передаём JSON и спецификации вашим разработчикам.

Да, через плеер и код.

Файлы — килобайты, ленивая загрузка; проверяем скорость.

Да, по hover, scroll, клику и событиям.

Здравствуйте! Меня зовут , я из компании . Связаться со мной можно по телефону , а обсудить хочу .

Спасибо, записали Свяжемся с вами в течение рабочего дня.