Требуется сверстать и оживить лендинг из готового макета.
Лендинг состоит из трех страниц
1.
Адаптивная верстка.
На телефоне должны отстаться только элементы из адаптивная.zip.
2.
Анимация.
Синий фон верхней части – должен двигаться в сторону, противоположенную движению мыши, повторяя движения максимальный разлет 70 px.
Желтые кнопки – полжны появляться через 0,7 сек, после появления их мест на экране. Появление плавное из прозрачного. Появление отыгрывается 1 раз, запоминается в куки браузера на сутки.
Купон – вылезает через 0,3 сек, один раз, запоминается в куки браузера на 2 недели.
Синие и красные кнопки – прилетают слева и справа через 0,7 сек. Один раз, запоминается в куки браузера на сутки.
Иконки "Что вы получаете"(B2B) – через 1 сек после показа на экране – колеблются в течении 2 сек.
Иконки "Наши премиущества"(B2B) – при наведении мыши сдвигаются на 20 px в произвольную сторону.
3.
Функционал.
Купон. Уникальный купон генерируется при посещении сайта и запоминается в куки браузера на 2 недели. Купон передается вместе с оправкой заявки.
Формы заявки.
Поля форм заявки:
Название
Поле Имя:
Поле Телефон:
Поле Email: /*телефон или емэйл – одно обязательно*/
Ваш купон на бесплатную доставку DSBE2. Обязательно скажите оператору.
Чекбокс Отправить купон на бесплатную доставку мне на email. /* при поставленном чекбоксе – емэйл обязателен, по-умолчанию чекбокс не стоит*/
Заявки отправлять на емэйл администратору и сохранять в базу данных MySQL.
Передавать так же Урл, с которого отправлена заявка, и параметр урла, добавленный при заходе на сайт вида – ?sourse=10203(т.е. если человек зашел на
, а заявку отправил с
, то в заявке передавать источник "
"
Каждая форма имеет уникальный идентификатор и название.
BSP_screen.jpg
101. Перезвонить мне в течении 30 сек. /*поля email нет*/ /*submit называется Перезвонить*/
BSP_B2C.jpg
201. Перезвонить мне в течении 30 сек. /*поля email нет*/ /*submit называется Перезвонить*/
202. Скачать прайс. /*не форма, а поле прямо на лендинге*/
203. Заказать просчет объекта. /*submit называется Заказать просчет объекта*/
204. Получить скидку 40%. /*submit называется Отправить заявку на заказ со скидкой*/
205. Перезвонить мне в течении 30 сек. /*поля email нет*/ /*submit называется Перезвонить*/
BSP_B2B.jpg
301. Перезвонить мне в течении 30 сек. /*поля email нет*/ /*submit называется Перезвонить*/
302. Скачать прайс. /*submit называется Заказать доставку прайс-листа*/
303. Протестируйте оборудование без риска. /*submit называется Отправить заявку на тестирование оборудования*/
304. Протестировать оборудование. /*submit называется Отправить заявку на тестирование оборудования*/
305. Перезвонить мне в течении 30 сек. /*не форма, а поле прямо на лендинге*/
306. Заказать просчет объекта. /*submit называется Отправить заявку на просчет объекта*/
307. Заказать просчет объекта. /*submit называется Отправить заявку на просчет объекта*/
308. Перезвонить мне в течении 30 сек. /*поля email нет*/ /*submit называется Перезвонить*/
309. Воспользоваться купоном. /*submit называется Отправить заявку на заказ со скидкой*/
310. Оставить заявку /*submit называется Отправить заявку*/
Описание некоторых элементов
Прайс для b2c – файл в пдф для скачивания
Наши клиенты/объекты – слайдшоу из фото/видео
Ролик Самые передовые технологии – 3d модель камеры.
Видео/панораму для отдела продаж – онлайн видео-поток из отдела продаж.
Фото, видео, онлайн-поток и прочие дополнительные элементы не должны были мешать загрузке основного контента и загружатсься в фоне.