Чек-лист по верстке

Проверка переноса из макета в Тильду: кнопки, графические элементы, верстка всех смысловых блоков, их расположение на своих местах?Проверка наличия верстки всех страниц из макета

Если преднамеренно не используем иное — проверка выключения привязки объектов к сайту в пропорциях.Проверка работы перекрестных ссылок на страницах, при наличии.Отключение Lazy Load там, где он не нужен, и включение там, где он нужен.Наличие и выгрузка fav-icon для сайта.Есть ли страница 404?Проверка публикации всех страниц, если меняется шапка или подвал сайта, или при работе с адаптацией.Отдельное выполнение шапки и подвала, включение соответствующих параметров в меню.Использование логотипа компании с прозрачным фоном, желательно в формате *.svg, *.png, пикселизируется ли он.При нажатии на логотип в шапке или подвале сайта — возвращение на главную.Если есть якорные ссылки — корректность записи номеров блоков.Соблюдение отступлений, учет особенностей макета

Реализация всех пунктов из карты сайта и подключение к ним форм.Проверка пропущенных форм, отсутствия кнопок, которые ведут «в никуда».В случае успешного заполнения формы — наличие страницы успеха.В случае ошибки —отображение сообщения об ошибке.Подключение форм к правильному е-мейлу, корректность расположения выгрузки данных, создания и прав на открытие документа с данными формы.При запросе номера телефона, проверка правильности указания кода страны

Проверка публикации всех страниц.Отсутствие лишних изображений и рабочего мусора вне рабочей области Тильды, удаление файла — подложки для перерисовывания дизайна и др.Оплата аккаунта, на который передается сайт.
В случае работы с доменом — корректность отображения адреса страницы с новым доменом, отсутствие в формах или ссылках привязок к блокам старых адресов с сервером Тильды, а не с новым доменным именем.При наличии якорных ссылок на блоки на других страницах — корректность записи номеров блоков с новым доменом

Корректность подключения шрифтов, загрузка шрифтов в веб-формате.Правильность названия для возможности поиска в меню.Заголовки должны быть в одном кегле, подзаголовки в одном кегле, основной текст в одном кегле; проверить, не изменилось ли форматирование при копировании из макета.Использование типографа для исключения в макете лишних пробелов и неправильных кавычек

Использование цвета в HEX из макетов.Проверка цветового единства для всех заданных элементов, отсутствие новых цветов, одинаковый цвет для шрифта, обводки, другой стилизации, карточек, разделителей, особенно если эти элементы на разных страницах, но имеют одинаковое значение и должны быть в одном стиле

Единообразие ховера, единый вид для кнопок с противоположным действием («Подтвердить» и «Позже», например).Размер элементов: пропорции кнопок не должны меняться. Иконки в формате *.svg. Если есть скругления или тени — они на всех элементах должны быть одинаковыми.Если на объекте есть прозрачности — проверить, чтобы они были одинаковыми. Единство обработки при адаптации — не обрезаны ли на фотографиях важные части (например глаза, лоб, кисти рук, важные части товаров).Если в проекте есть изображения — проверка отображения, приемлемость размера, оптимизация для меньшего «веса», проверка необходимости сохранения в меньшем разрешении

Адаптация для мобильных устройств.Корректность отображения блоков, читабельность шрифта и удобство кнопок для попадания пальцем на маленьких экранах?Адекватный размер шрифта на кнопках.Соблюдение иерархии информации в мобильной версии.Проверка наличия важных частей страницы в поле зрения в адаптированном макете?Если шапка сайта слишком большая — наличие альтернативного варианта (например бургерное меню).Подвал сайта в мобильной версии: можно ли попасть на пункты меню пальцем и не промазать?Если есть потребность скрытия каких-либо блоков в мобильной — отключение показа в мобильной версии в настройках каждого такого блока

Заполнение поля «Бейджик», подбор и корректное кадрирование фотографии.Заполнение поля описания сайта, правильное указание его названия.Заполнение мета-данных и их содержание.
Контроль отображения ссылки в Facebook и при индексации в Google

Подготовка инструкции для заказчика или для его сотрудников, как обращаться с Тильдой (видео, отдельная страница в его проекте и др.).Наличие своего логотипа, чтобы к нам обращались новые заказчики; обсуждение вопроса о его снятии

Чек-лист «Чек-лист по верстке»

Соответствие макету

Работа над макетом

Формы

При сдаче проекта

Типографика

Цвет

Стилистика

Адаптация, мобильная версия

Настройки сайта

Необязательно, но желательно