Анимация загрузчика для сайта сервиса подбора автомобилей. Для подобных сервисов, прелоадеры нужны не только для работы во время загрузки самого сайта. Но и для анимации во время поисковых запросов к собственной базе, и во время подключения к внешним сервисам. Все это очень затратно по времени.
Все исходники добыл на стоках. Сделал по итогу 2 версии анимации. Сначала сделал черно-белую анимацию - белое на темном фоне. Но потом заказчик предложил раскрасить всё это. Вот этот вариант и публикую здесь. Кстати он лучше смотрится на темном фоне.
Анимация для формы отправки сообщения с сайта. Тоже на удивление мало востребованная тема. Сколько заполнял формы на сайтах, всегда удивлялся что тема не отработана вэбмастерами. Ушел запрос или нет?
Вот эти 2 анимации сделаны для лид формы от Bitrix24. Их можно встроить в любой сайт, и лиды попадают прямо в CRM. Там есть в настройках что выдать в результате - удачный или не удачный результат.
Анимация для страницы 404. О5 таки в фирменных цветах и с лого проекта.
Вроде и популярная тема в заказах, но вроде бы совсем недооцененная многими создателями сайтов. Что чувствует человек попавший с поиска на 404? Облом! И обычно сразу покидает сайт.
Креативная страничка с ошибкой на самом деле может сохранить вам посетителя/покупателя, если сделать ее с анимацией. Это смягчит горечь облома. А дополнительно сделанные к ней ссылки на популярные разделы сайта и (что еще круче) строка поиска по сайту - очень сильно повысят ваши шансы удержать посетителя. Знаю о чем говорю. Делал такое в собственных интернет-магазинах и отслеживал потом статистику.
Еще одна «эквалайзерная» анимация. И еще один пример автономной анимации объектов в SVG. Каждая шкала эквалайзера имеет собственный временной отрезок зацикленный анимации. Получается так, что вероятность того, что комбинация сочетания размеров цветных шкал когда нибудь повторится - фактически сводится к нулю. Все само по себе и хаотично.