Анимации для главной страницы 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 код сайта.
Важно, чтобы анимации также были масштабируемыми для мобильной версии сайта.