Анимация логотипа сайта криптообмена


Анимированный загрузчик для сайта автоподбора

Анимация загрузчика для сайта сервиса подбора автомобилей. Для подобных сервисов, прелоадеры нужны не только для работы во время загрузки самого сайта. Но и для анимации во время поисковых запросов к собственной базе, и во время подключения к внешним сервисам. Все это очень затратно по времени.

Все исходники добыл на стоках. Сделал по итогу 2 версии анимации. Сначала сделал черно-белую анимацию - белое на темном фоне. Но потом заказчик предложил раскрасить всё это. Вот этот вариант и публикую здесь. Кстати он лучше смотрится на темном фоне.


Иллюстрация для сервиса видеонаблюдения


Flat анимация иллюстрации страницы поиска по документам


SVG анимация для формы отправки сообщения

Анимация для формы отправки сообщения с сайта. Тоже на удивление мало востребованная тема. Сколько заполнял формы на сайтах, всегда удивлялся что тема не отработана вэбмастерами. Ушел запрос или нет?

Вот эти 2 анимации сделаны для лид формы от Bitrix24. Их можно встроить в любой сайт, и лиды попадают прямо в CRM. Там есть в настройках что выдать в результате - удачный или не удачный результат.


SVG анимация для ошибки 404


Анимация для страницы 404. О5 таки в фирменных цветах и с лого проекта.

Вроде и популярная тема в заказах, но вроде бы совсем недооцененная многими создателями сайтов. Что чувствует человек попавший с поиска на 404? Облом! И обычно сразу покидает сайт.

Креативная страничка с ошибкой на самом деле может сохранить вам посетителя/покупателя, если сделать ее с анимацией. Это смягчит горечь облома. А дополнительно сделанные к ней ссылки на популярные разделы сайта и (что еще круче) строка поиска по сайту - очень сильно повысят ваши шансы удержать посетителя. Знаю о чем говорю. Делал такое в собственных интернет-магазинах и отслеживал потом статистику.


Анимированный логотип FM радиостанции

Еще одна «эквалайзерная» анимация. И еще один пример автономной анимации объектов в SVG. Каждая шкала эквалайзера имеет собственный временной отрезок зацикленный анимации. Получается так, что вероятность того, что комбинация сочетания размеров цветных шкал когда нибудь повторится - фактически сводится к нулю. Все само по себе и хаотично.


Анимированный логотип Боттичелли