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