Анимации для главной страницы sms-boom.ru

Для главной страницы сайта sms-boom.ru необходимо доработать анимации. В

данный момент используем картинки - заглушки, их нужно заменить на

анимации, чтобы улучшить и сделать более динамичным внешний вид ресурса.

Всего нужно 3 анимации:

1) Анимация в самом верху сайта, рядом с заголовком "удобный сервис рассылок".

2) Анимация для раздела "наши преимущества".

3) Анимация для раздела "с чего начать".

Выдержать все анимации в одинаковой стилистике в текущей цветовой гамме сайта. Формат анимаций - gif без заднего фона, либо в ваших

форматах, главное, чтобы их возможно было вставить в исходный код сайта.

Анимации должны соответствовать сфере деятельности компании (мобильный

маркетинг, массовые рассылки смс, viber, whatsapp, реклама).

1) Заглавная анимация - отрисованный город. Пример изображения, как мы его видим - во вложении (картинка с городом). Время суток на анимации

- должна быть ночь либо поздний вечер, также можно добавить мерцающие в

темноте вывески и экраны на зданиях. Город должен быть анимированным -

машины должны плавно двигаться - ездить и останавливаться , люди также

должны совершать движения - идти, останавливаться, двигать руками и

ногами.

Из зданий к людям и из зданий в здания по различным траекториям должны летать "конверты-письма-сообщения" (можно сделать по типу

самолетиков, как у телеграма), визуализируя передачу смс-сообщений от

компаний и бизнеса к людям.

В конце анимации желательно выделить на переднем плане одного человека из толпы. Человеку прилетает конверт-сообщение, он достает

телефон из кармана с мерцающим экраном.

Заглавная анимация (второй вариант) - Лежит котик, просыпается от вибрирующего телефона. Смотрит в разные стороны и снова засыпает (экран телефона гаснит).

Пример анимации: https://codepen.io/agoodwin/pen/ypeWYE

Наши преимущества (если будет кот): Котик контактирует с телефоном

2) Анимация рядом с текстом в разделе "наши преимущества". Берем по типу прикрепленной во вложении к заданию картинки, без фона (в центре

сообщение в виде конверта, от него в разные стороны расходятся линии к

другим объектам (людям), имитируя передачу сообщений). Анимация должна

быть динамичной - разные объекты могут либо плавно покачиваться, либо

сначала появляется центральный объект в виде сообщения и от него в

разные стороны начинают плавно расходиться соединяющие линии и затем

появляются сами объекты-получатели сообщений.

3) Раздел "с чего начать" : сохранить текущее разделение на 4 блока, сделать не статичную картинку, а анимированную, отрисованную, с плавно

покачивающимися или двигающимися друг от друга пунктами. Примером к

этому пункту можно взять раздел "4 простых шага" у наших конкурентов https://sms-prosto.ru/

Данное ТЗ является нашим видением и не является 100% обязательным, в целом мы готовы рассмотреть ваши варианты, главное, чтобы общее

оформление сайта получилось согласно тематике (смс рассылки, реклама посредствам мобильной связи)  современным и органично смотрелось с текущей

цветовой гаммой.

Обязательные требования

Анимации в формате gif без заднего фона, картинки в любом формате. Возможны

другие ваши варианты, главное, чтобы материалы можно было прикрепить в

обычный исходный html код сайта.

Важно, чтобы анимации также были масштабируемыми для мобильной версии сайта.