Визуальная составляющая верстки
- [ ] Страница соответствует ТЗ: все элементы находятся на своих местах и соответствуют дизайн-макету, проверка по pixel perfect
- [ ] Размер шрифтов соответствует размеру шрифтов в макете и легко читабелен
- [ ] При изменении масштаба страницы в пределах 65-140% нет существенных проблем в верстке
- [ ] Наличие фавикона - если нет в дизайне, можно запросить у клиента или сделать из логотипа
- [ ] Использование Open Graph разметки для корректного отображения на социальных сетях при шеринге ссылки на сайт. Необходимо добавить соответствующий код в head-секцию страницы, который будет содержать метатеги с информацией о заголовке, описании и изображении, которые будут отображаться при шаринге ссылки на сайт в социальных сетях. Это поможет улучшить визуальное представление сайта в социальных сетях и повысить вероятность перехода на сайт по этой ссылке.
- [ ] Все активные ссылки и кнопки реагируют на наведение. При анимировании рекомендуется использовать transition, например 0.3s
- [ ] Все активные ссылки и кнопки по клику переводят на корректные страницы, открывают корректные формы и т. д.
- [ ] Нет зависаний при загрузке блоков сайта
- [ ] Поп-апы закрываются по клику на Esc и вне области окна - можно использовать fancybox, он закрывает эти требования по умолчанию
- [ ] Номер телефона с маской, можно использовать например https://imask.js.org/
- [ ] Проверены все формы захвата на всех страницах (в десктопе и мобильной версии).
После отправки форм открывается страница благодарности.
Есть валидация
- [ ] Номер телефона по клику в мобильной версии — вызывает звонок,
в десктопной — открывает приложение для звонка
- [ ] Проверка всех веб-форм. Позитивное и негативное тестирование. В первом случае мы вводим все данные в поля правильно, а во втором — проверяем работу в случае, если один или все пункты заполнены неверно
Например в поле «Имя» можно ввести только буквы
- [ ] По нажатию на кнопки мессенджеров переход в соответствующий мессенджер
- [ ]
Проверка формата и синтаксиса email-адреса:
- [ ] e-mail не проходит без @
- [ ] e-mail не проходит, введенный на кириллице