Недавно завершили создание сайта-визитки на CMS Битрикс для Учебно-Методического Центра Ростехнадзора, Москва.
О самой работе будет отдельная история; хотя сам дизайн очень скромный, ибо за образец брался стиль Госуслуг; однако пока я хочу поделиться забавной каруселькой, которую мы придумали и реализовали на одной из форм заявки в качестве "фишки".
Немного об этом оффере на сайте
У организации существует система удаленного обучения "Эдельвейс", позволяющая техническим специалистам проходить обучение 24 часа в сутки, c ПК или с любой мобилки.
Анонс этого предложения, - разумеется, с кнопкой "Оставить заявку", - вынесен у нас на Главную страницу сайта. И вот на этой-то заявке и посажена забавная каруселька, которая символизирует разнообразных специалистов, объединяемых системой "Эдельвейс" и в некотором смысле, вращающихся вокруг нее, как вокруг центра знаний :)
Сборка карусельки
Верстка сайта - классическая, PHP/CSS; сначала нарисовали-сделали верстальщику макет с человечками-специалистами ( они выполнены в одном стиле с более подробными отрисовками специалистов, которые есть выше на странице).
Саму анимация была задумана с нелинейной скоростью вращения ( то быстрее, то медленнее) и с плавающим диаметром орбиты, посему верстальщик "приказал подать ему" уже готовое движение в формате lottie;
для чего пришлось обращаться, отдельно, к моушен-дизайнеру;
затем уже верстку интегрировали на сайт.
Таким образом, над внешне простой задачкой поработало 4 человека, не считая "вашего покорного": графический web-дизайнер, "мойше"-дизайнер, верстальщик и программист Битрикс.
Сама заявка выходит по клику на кнопку, "поп-апом", поверх затемняющегося экрана, как и обычно...