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

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