Соответствие макету
- Проверка переноса из макета в Тильду: кнопки, графические элементы, верстка всех смысловых блоков, их расположение на своих местах?
- Проверка наличия верстки всех страниц из макета
Работа над макетом
- Если преднамеренно не используем иное — проверка выключения привязки объектов к сайту в пропорциях.
- Проверка работы перекрестных ссылок на страницах, при наличии.
- Отключение Lazy Load там, где он не нужен, и включение там, где он нужен.
- Наличие и выгрузка fav-icon для сайта.
- Есть ли страница 404?
- Проверка публикации всех страниц, если меняется шапка или подвал сайта, или при работе с адаптацией.
- Отдельное выполнение шапки и подвала, включение соответствующих параметров в меню.
- Использование логотипа компании с прозрачным фоном, желательно в формате *.svg, *.png, пикселизируется ли он.
- При нажатии на логотип в шапке или подвале сайта — возвращение на главную.
- Если есть якорные ссылки — корректность записи номеров блоков.
- Соблюдение отступлений, учет особенностей макета
Формы
- Реализация всех пунктов из карты сайта и подключение к ним форм.
- Проверка пропущенных форм, отсутствия кнопок, которые ведут «в никуда».
- В случае успешного заполнения формы — наличие страницы успеха.
- В случае ошибки —отображение сообщения об ошибке.
- Подключение форм к правильному е-мейлу, корректность расположения выгрузки данных, создания и прав на открытие документа с данными формы.
- При запросе номера телефона, проверка правильности указания кода страны
При сдаче проекта
- Проверка публикации всех страниц.
- Отсутствие лишних изображений и рабочего мусора вне рабочей области Тильды, удаление файла — подложки для перерисовывания дизайна и др.
- Оплата аккаунта, на который передается сайт.
- В случае работы с доменом — корректность отображения адреса страницы с новым доменом, отсутствие в формах или ссылках привязок к блокам старых адресов с сервером Тильды, а не с новым доменным именем.
- При наличии якорных ссылок на блоки на других страницах — корректность записи номеров блоков с новым доменом
Типографика
- Корректность подключения шрифтов, загрузка шрифтов в веб-формате.
- Правильность названия для возможности поиска в меню.
- Заголовки должны быть в одном кегле, подзаголовки в одном кегле, основной текст в одном кегле; проверить, не изменилось ли форматирование при копировании из макета.
- Использование типографа для исключения в макете лишних пробелов и неправильных кавычек
Цвет
- Использование цвета в HEX из макетов.
- Проверка цветового единства для всех заданных элементов, отсутствие новых цветов, одинаковый цвет для шрифта, обводки, другой стилизации, карточек, разделителей, особенно если эти элементы на разных страницах, но имеют одинаковое значение и должны быть в одном стиле
Стилистика
- Единообразие ховера, единый вид для кнопок с противоположным действием («Подтвердить» и «Позже», например).
- Размер элементов: пропорции кнопок не должны меняться. Иконки в формате *.svg. Если есть скругления или тени — они на всех элементах должны быть одинаковыми.
- Если на объекте есть прозрачности — проверить, чтобы они были одинаковыми. Единство обработки при адаптации — не обрезаны ли на фотографиях важные части (например глаза, лоб, кисти рук, важные части товаров).
- Если в проекте есть изображения — проверка отображения, приемлемость размера, оптимизация для меньшего «веса», проверка необходимости сохранения в меньшем разрешении
Адаптация, мобильная версия
- Подготовка адаптации.
- Адаптация для мобильных устройств.
- Корректность отображения блоков, читабельность шрифта и удобство кнопок для попадания пальцем на маленьких экранах?
- Адекватный размер шрифта на кнопках.
- Соблюдение иерархии информации в мобильной версии.
- Проверка наличия важных частей страницы в поле зрения в адаптированном макете?
- Если шапка сайта слишком большая — наличие альтернативного варианта (например бургерное меню).
- Подвал сайта в мобильной версии: можно ли попасть на пункты меню пальцем и не промазать?
- Если есть потребность скрытия каких-либо блоков в мобильной — отключение показа в мобильной версии в настройках каждого такого блока
Настройки сайта
- Заполнение поля «Бейджик», подбор и корректное кадрирование фотографии.
- Заполнение поля описания сайта, правильное указание его названия.
- Заполнение мета-данных и их содержание.
- Контроль отображения ссылки в Facebook и при индексации в Google
Необязательно, но желательно
- Подготовка инструкции для заказчика или для его сотрудников, как обращаться с Тильдой (видео, отдельная страница в его проекте и др.).
- Наличие своего логотипа, чтобы к нам обращались новые заказчики; обсуждение вопроса о его снятии