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

Анимация интерфейса и микроанимации

Интерфейс, который отвечает движением: переходы между экранами, реакции кнопок, загрузки, подсказки, onboarding — продуманные, лёгкие и внедрённые в код. Анимация интерфейса и микроанимации для сайтов и приложений с передачей разработчикам в Lottie, CSS и нативных форматах.

2–3 неделитиповой срок Бриф и сценарий — 2–5 дней. Интерфейс отвечает движением. от 80 000 ₽стоимость Ориентир для базового варианта. Точная цена — после бесплатного аудита.
Все услуги направления
exchange.log
[09:00:19] где нужно, где мешает Аудит 354 шт[09:19:39] длительности, кривые Система ok[09:29:37] кнопки, поля, иконки Микроанимации ok[09:36:46] экраны, загрузки Переходы 190 шт[09:51:34] Lottie, CSS, Rive, нат Передача ok[10:14:42] лёгкие форматы Производительность 402 шт[10:38:00] summary ошибок 0, вручную 0

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

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

Зачем анимация интерфейса

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

Как делаем

Аудит интерфейса → принципы движения → микроанимации и переходы → прототипы в Figma/ProtoPie → передача в Lottie, CSS, Rive, нативные параметры → контроль внедрения и производительности.

Пример

Финтех-приложение, iOS и Android. Система движения, 40 микроанимаций, переходы, skeleton, onboarding; Lottie и нативные спецификации. Оценка в сторах — +0,4, время onboarding — минус 20%, «приложение стало приятнее» — главный отзыв.

Как движение попадает в продукт

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

Что делаем

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

ЭлементЧто делаемДля когоРезультат
Аудитгде нужно, где мешаетпродуктосмысленно
Системадлительности, кривыедизайн-системаединообразно
Микроанимациикнопки, поля, иконкипользователиобратная связь
Переходыэкраны, загрузкипользователипонятно
ПередачаLottie, CSS, Rive, нативныеразработчикивнедряется точно
Производительностьлёгкие форматыИТбез тормозов

Figma, ProtoPie, After Effects, Rive; Lottie/Bodymovin; CSS/JS-спецификации; iOS/Android параметры; контроль внедрения.

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

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

Интерфейсы

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

Векторная анимация, которая весит килобайты и работает везде: иконки, иллюстрации, загрузчики, onboarding, анимация логотипа — в формате…

Подробнее Бренд и контент

Анимация логотипа

Логотип, который живёт: интро для видео, заставка для презентаций и сайта, анимация в соцсетях и на экранах — в характере бренда, от 3…

Подробнее Права и безопасность

Настройка прав на уровне подразделений в CRM

Филиалы, отделы и направления видят только свои данные: сделки, контакты, отчёты, документы — по подразделению, с наследованием по…

Подробнее Продажи и воронки

Настройка автоматического назначения ответственных

Новый лид уходит нужному менеджеру сам: по очереди, по нагрузке, по региону, продукту, языку или сумме — с лимитами и запасным…

Подробнее

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

Микроанимации

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

  • Аудит
  • Принципы
  • Микроанимации
  • Lottie и спецификации
от 80 000 ₽2–3 недели Узнать подробнее Интерфейс отвечает движением.

Система движения под ключ

Переходы, onboarding, дизайн-система

  • Всё из базового
  • Переходы и загрузки
  • Onboarding и пустые состояния
  • Дизайн-система движения, контроль внедрения
от 240 000 ₽5–8 недель Узнать подробнее Движение как часть продукта.

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

Ежемесячно

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

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

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

01

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

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

02

Аниматик

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

03

Анимация

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

04

Передача

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

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

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

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

До 20 элементов — от 80 000 ₽, система движения под ключ — от 240 000 ₽, сопровождение — от 15 000 ₽ в месяц.

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

Lottie, CSS/JS-спецификации, Rive, параметры для iOS/Android, демо в Figma/ProtoPie.

Лёгкие форматы и проверка производительности.

Желательно; принципы движения добавляем в неё.

Да, форматы под обе платформы.

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

Подробнее об обработке — в Политике обработки персональных данных.

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