Design
Лого-стинги, UI-анимация и анимированные эксплейнеры, которые делают ваш бренд живым.
Что вы получите
Движение, которое делает ваш бренд живым: логотип, который появляется с весом, детали интерфейса, которые откликаются, и эксплейнеры, которые удерживают внимание, и всё это не замедляет страницу.
Статичные бренды сливаются с фоном. Мы проектируем движение для моментов, которые имеют значение: появление логотипа с весом, микровзаимодействия интерфейса, которые откликаются на пользователя, скролл-моменты, которые ведут человека по странице, и анимированные эксплейнеры, которые делают сложное предложение очевидным за секунды. Всё строится в первую очередь под веб, на GSAP, Lottie и Rive, поэтому весит мало и работает плавно на любом устройстве.
Системный подход к работе, чтобы дело двигалось быстро и без срезания углов.
- 01
Определить язык движения
Мы отталкиваемся от вашего бренда и решаем, как он должен двигаться: быстро или спокойно, игриво или точно. Короткий моушн-бриф задаёт тайминг, изинг и характер, чтобы каждая анимация ощущалась одним брендом, а не коллекцией заимствованных эффектов.
- 02
Раскадровать моменты
Мы выбираем моменты, которые стоит анимировать: hero-экран, появление логотипа, ключевые взаимодействия, сцены эксплейнера. Каждый сначала получает раскадровку или моушн-скетч, чтобы вы утвердили направление до того, как на него уйдёт продакшен-время.
- 03
Спроектировать и анимировать
Мы производим анимации в After Effects, Rive или сразу в коде, в зависимости от того, где каждая будет жить. Лого-стинги, наборы иконок, состояния UI и сцены эксплейнера собираются как комплект с согласованным таймингом и многоразовыми частями.
- 04
Оптимизировать для веба
Веб-анимации поставляются как Lottie, Rive или код GSAP, а не тяжёлое видео, поэтому остаются чёткими в любом размере и стоят килобайты, а не мегабайты. Мы тестируем на реальных устройствах и уважаем настройки reduced motion, чтобы полировка никогда не стоила производительности или доступности.
- 05
Передать комплект
Вы получаете финальные анимации во всех нужных форматах: продакшен-файлы, готовые для веба экспорты и помощь с внедрением, если ваши разработчики хотят получить их уже встроенными. Моушн-бриф остаётся у вас, чтобы будущая работа двигалась так же.
Всё, с чем вы остаётесь, полностью принадлежит вам, без привязки к нам.
- Моушн-бриф, определяющий тайминг, изинг и характер вашего бренда.
- Анимация логотипа для веба, видео и соцсетей, в лёгких готовых для веба форматах.
- Микровзаимодействия UI: ховеры, переходы, лоадеры и скролл-моменты.
- Эксплейнер или промо-анимация, собранные сцена за сценой по утверждённой раскадровке.
- Реализации на Lottie, Rive или GSAP, которые стоят килобайты, а не мегабайты.
- Все исходные файлы и экспорты, принадлежащие вам.
То, о чём клиенты спрашивают нас перед стартом.
Чем моушн-дизайн отличается от производства видео?+
Производство видео снимает реальный мир; моушн-дизайн анимирует спроектированные элементы: логотипы, типографику, интерфейсы и иллюстрацию. Они пересекаются в эксплейнерах, и мы делаем и то и другое, поэтому вы получаете одно цельное направление вместо двух подрядчиков, угадывающих друг друга.
Не замедлят ли анимации мой сайт?+
Нет, если они сделаны правильно. Мы поставляем движение как код и векторные форматы вроде Lottie и Rive вместо видеофайлов, лениво загружаем анимацию ниже первого экрана и уважаем настройки reduced motion. Наш собственный сайт насыщен анимацией и всё равно рендерится быстро; в этой дисциплине и есть суть.
Что такое лого-стинг?+
Короткая анимация, обычно от одной до трёх секунд, которая раскрывает или собирает ваш логотип. Она открывает видео, закрывает рекламу и играет в интро приложений, и для памяти о бренде делает больше, чем большинство статичных материалов когда-либо сможет.
Lottie или Rive, и почему это важно?+
Оба рендерят векторную анимацию в браузере при крошечных размерах файлов. Lottie остаётся стандартом для процессов на After Effects; Rive добавляет машины состояний, чтобы анимация могла реагировать на действия пользователя. Мы выбираем по тому, что анимация должна делать, а не по привычке.
Можете ли вы анимировать наш существующий бренд, или сначала нужен редизайн?+
Если ваша айдентика крепкая, мы анимируем то, что есть, и моушн-бриф становится расширением вашего бренд-гайда. Если проблема в самой айдентике, мы скажем об этом до того, как её анимировать, потому что движение усиливает всё, что ему дают.
Сколько времени занимает моушн-проект?+
Лого-стинг или набор взаимодействий обычно готов за одну-две недели. Полный эксплейнер занимает от двух до четырёх недель в зависимости от длины и стиля, причём раскадровка утверждается до того, как тратится любое продакшен-время.
Отрасли, где Моушн-дизайн и анимация входит в комплексное решение, которое мы создаём.
Услуги, которые мы часто сочетаем с «Моушн-дизайн и анимация».
Ответ в течение 1 рабочего дня. Никаких обязательств.