Чек-лист Передачи Дизайн-Макетов На Верстку

Передача дизайн-макетов на верстку

Чек-лист для передачи дизайн-макетов

Проверяет: Дизайнер

Основное

Шапка

  • Наличие мобильного меню
  • Состояние основного меню при скролле на десктопной версии
  • Состояние основного меню при скролле на мобильной версии
  • Есть переключатель языков в меню
  • Есть кнопка входа в меню
  • Для личного кабинета есть состояния залогинен/не залогинен

Вход, модальные окна, формы

  • Обозначены состояния всех элементов: hover, checked ...
  • Состояния полей: ошибка/успех + текстовое пояснение
  • Состояния форм: ошибка/успех + текстовое пояснение
  • У формы входа есть состояния регистрации, входа, забыли пароль, неверный пароль
  • Созданы все поп-апы для десктопной версии
  • Поп-апы адаптированы для мобильной версии
  • Есть подписи под формами о политике конфиденциальности

Общее

  • Есть ссылка на политику в подвале
  • Наша подпись в подвале
  • Есть состояния интерфейса при ajax подгрузке
  • Есть состояния интерфейса, когда в поиске ничего не нашлось
  • Создана дефолтная страница (Заголовок, текст)
  • Собран базовый UI-kit (заголовки, кнопки, вынесены основные компоненты)

Подготовка макетов к верстке

  • На странице Дизайн закрыты все комментарии
  • Макеты располагаются в порядке возрастания приоритета (Главная → Услуги → ...)
  • Мобильная версия находится рядом с десктопной
  • На страницу Верстка перенесены утвержденные макеты
  • На странице Верстка есть изображение структуры сайта из XMind
  • Расставлены комментарии по анимации элементов с ссылками на референсы
  • Прокомментированы функциональные моменты
  • Для сложных блоков есть видео-описание из Loom адаптива (если нет макетов)
  • Для сложных блоков есть видео-описание из Loom анимации (если нет макетов)

Передача на верстку

  • Создан favicon и передан верстальщику
  • Подготовлены шрифты и переданы верстальщику