Когда анимация помогает
- Показать, что элемент кликабельный
- Объяснить, откуда взялся новый блок и куда делся старый
- Удержать внимание на главном, не крича капслоком
- Дать ощущение отзывчивости: интерфейс отвечает на действие сразу
Когда мешает
- Когда её слишком много и она соревнуется с содержанием
- Когда движение задерживает: человек уже принял решение, а сайт «доигрывает»
- Когда она съедает ресурсы и всё начинает дёргаться на телефоне
- Когда игнорирует системную настройку уменьшения движения — а её включают люди с вестибулярными нарушениями
Как делаем мы
Разработка сайта с анимацией — это расчёт таймингов, а не набор эффектов из библиотеки. Мы используем свойства, которые браузер считает дёшево, проверяем на слабых устройствах и уважаем настройку prefers-reduced-motion.
Скорость при этом остаётся приоритетом: анимация не должна стоить вам позиций в поиске. Как это связано — в статье про скорость.
Стоимость
Анимация закладывается в стоимость разработки и зависит от сложности. Отдельно мы её не продаём: анимация, придуманная в отрыве от дизайна и вёрстки, обычно выглядит наклеенной.
Посмотреть, как это выглядит в работе, можно прямо на этой странице — сайт студии сделан нами.
Частые вопросы
Не замедлит ли анимация сайт?
Нет, если делать её правильно. Анимируем только то, что не нагружает браузер, и проверяем скорость на слабых телефонах.
Можно ли добавить анимацию на готовый сайт?
Да, если сайт на коде. На конструкторах возможности ограничены, тогда предложим редизайн.
Что если посетитель отключил анимации?
Сайт учитывает системную настройку «уменьшить движение» и показывает спокойную версию без потери содержания.
Заказать сайт с анимацией
Покажите нам сайт, который вам нравится по ощущениям — мы сделаем не хуже, но с вашим характером.