Вертска лендинга
Макеты
десктоп – yadi.sk/i/8eTr3bm2pvlINA
мобильная – yadi.sk/i/D0E6_ryj8EZXQA
планшетная – yadi.sk/i/oxbJq2QUBL7qPA
Нужно сверстать сайт по макетам (ссылка на макеты)
Адаптивная верстка на bootstrap4 (сетка не стандарт, нужно будет внести изменения в variables)
Стили на sass, разбиваются на модули. Каждый экран – отдельный модуль. Требуются навыки работы с git – код в репозитории на битбакете. Все изменения должны строго быть в репозитории. Однако сам сайт на вебхостинге, с репозиторием связь невозможна, собранный проект на хостинг заливается отдельно. Сборка проекта через webpack.
В шаблонах lodash, максимально избегаем дублирование кода. Заметим повторы – будете переделывать.
Все используемые изображения нужно сжать без потери качества на ~75%
Подключение стороннего кода (Яндекс.метрика, аналитика и тд) через gtm.
Добавить микроразметку: Organization, Person, LocalBusiness, Offer (что-то из этого списка добавить будет нельзя, смотрите по факту)
Так же нужно прописать OpenGraph, прописать базовые мета-теги: title, desciption, keyword.
Добавить цвет браузера для vivaldi (желтый, из макета).
При уходе с сайта нужно показать модальное окно (см.макет). Показываем его только 1 раз, до закрытия сайта. Так же нужно учесть, что отображение этого окна возможно только при движении мыши снизу в верх.
Каждая кнопка на сайте должна мерцать и привлекать внимание. Есть готовый плагин на jquery. Предоставим по запросу.
Требуется понимание с какого элемента на сайте была оставлена заявка. Поэтому нужно продумать и написать алгоритм срабатывания целей в яндексе(и в аналитике. Проблема заключается в том, что разные кнопки могут открывать одну и ту же форму для оставления заявки. Нам нужно знать именно какую кнопку нажал посетитель.
Каждая оставленная заявка отправляется в телеграмм и на почту. Доступ к боту телеграмм выдадим по запросу. Письмо на почту отправляется через smtp (за mail() будете переделывать). Так же письмо будет отправляться и самому пользователю, который оставил заявку. Требуется возможность прикладывать к письму файлы (вложения). И будьте готовы сверстать красивое письмо.
В формах, где нужно вводить номер телефона, нужна удобная маска. А пустые инпуты будем подсвечивать красным, запрещая отправку формы с пустыми данными.
Бекенд рекомендуется делать на php. Допустимо использование jquery, если есть желание и навыки, то можете встроить vue или react