ТЕСТ
Чек-лист проверки дизайна сайта
Подойдет тем, у кого визуально сайт в порядке. Неочевидные пункты проверки сайта
на работоспособность, которые реально влияют на продажи
на работоспособность, которые реально влияют на продажи
| Пройти тест |
Основной контент находится в пределах сетки
| Далее |
| Проверить |
| Узнать результат |
Все шрифты читаются легко, не перекрываются сторонними объектами, не обрезаются на любой ширине экрана
| Далее |
| Проверить |
| Узнать результат |
Заголовки достаточно контрастируют с текстом. Минимальная разница - через одно начертание (пример: заголовок - semibold, текст - light). Цвет текста минимум на 20% бледнее заголовка
| Далее |
| Проверить |
| Узнать результат |
Все отступы однородны и соотносятся друг к другу по коэффициенту 1,61
| Далее |
| Проверить |
| Узнать результат |
При ширине выше 1920 пикселей нет видимых недоработок
| Далее |
| Проверить |
| Узнать результат |
Минимальный размер текста на сайте не ниже 14пт (12 пт для сносок)
| Далее |
| Проверить |
| Узнать результат |
Сайт имеет строгий набор шрифтов и размеров. 1-2 шрифта, 3-5 размеров, 2-3 начертания.
| Далее |
| Проверить |
| Узнать результат |
Стилистика сайта однородная - не используются одновременно фото и иллюстрации
| Далее |
| Проверить |
| Узнать результат |
Цвет шрифтов достаточно темный для прочтения, но не черный. Допустимо использовать цветной текст в заголовках. Для текста лучше брать оттенки серого.
| Далее |
| Проверить |
| Узнать результат |
Цвет шрифта в форме темнее, чем поля самой формы. Поля формы достаточно видны, четко читается их интерактивность.
| Далее |
| Проверить |
| Узнать результат |
Вся навигация имеет единый цвет и стиль оформления
| Далее |
| Проверить |
| Узнать результат |
Стилистика фотографий - однородная. Фотографии имеют единую гамму, единую свето- и цветообработку (не допускаем в одном блоке фото теплых и холодных оттенков). Все лица, персонажи и прочие люди обработаны одинаково или максимально приближенно к одинаковой обработке. Композиция фото и фон однородны и сочетаются со стилистикой сайта
| Далее |
| Проверить |
| Узнать результат |
Не используются часто-используемые стоковые фотографии.
| Далее |
| Проверить |
| Узнать результат |
Не используются слишком яркие ненатуральные эмоции, персонаж/человек выглядит натурально.
| Далее |
| Проверить |
| Узнать результат |
Все иконки и иллюстрации имеют формат SVG
| Далее |
| Проверить |
| Узнать результат |
Иконки все однородные. Если используем контурные - то везде на сайте. Если используем минималистичные, не стоит их мешать с насыщенными деталями
| Далее |
| Проверить |
| Узнать результат |
Все тексты на сайте наполнены, не стоят заглушки Lorem Ipsum
| Далее |
| Проверить |
| Узнать результат |
Все тексты имеют четкий смысл, смыслы не дублируются в одном блоке, все обращения на сайте либо на Вы, либо на ты
| Далее |
| Проверить |
| Узнать результат |
Текстовые смыслы гармоничны с изображениями к ним
| Далее |
| Проверить |
| Узнать результат |
В текстах не используются вводные слова и слова-паразиты и ненормативная лексика. Кроме случаев, когда это обусловено спецификой ЦА: молодежный сленг, прямая работа с ЦА, провокации, вирусная реклама.
| Далее |
| Проверить |
| Узнать результат |
Сайт имеет мобильную версию 320, 480, 640 пикселей и планшетную версию
| Далее |
| Проверить |
| Узнать результат |
Для мобильной версии шрифт не менее 12 пт для текста
| Далее |
| Проверить |
| Узнать результат |
Контент для мобильной версии занимает 290-300 пикселей из 320 возможных, ничего не вываливается за пределы сетки, кроме дополнительных/второстепенных элементов дизайна
| Далее |
| Проверить |
| Узнать результат |
Все ссылки в меню работают
| Далее |
| Проверить |
| Узнать результат |
Якорные ссылки имеют верхний отступ, блоки видно полностью
| Далее |
| Проверить |
| Узнать результат |
Все кнопки имеют рабочие ссылки. Якорные ссылки имеют вид #link_name, не используются номера блоков в ссылках #rec1223456
| Далее |
| Проверить |
| Узнать результат |
Кнопки интерактивны при наведении
| Далее |
| Проверить |
| Узнать результат |
Поп-апы и формы отправляют правильную информацию по заявке на почту, в crm или телеграм (Имя, название блока, контактные данные). Данные корректны, кнопка обучение не присылает заявку на консультацию и т.п.
| Далее |
| Проверить |
| Узнать результат |
Если тильда оплачена на год вперед единый платежом, отключен рекламный блок Made оn Tilda
| Далее |
| Проверить |
| Узнать результат |
При использовании контента 18+, сделано соответствующее всплывающее окно
| Далее |
| Проверить |
| Узнать результат |
В формах по сбору контактов есть ссылка на политику конфиденциальности
| Далее |
| Проверить |
| Узнать результат |
В футере или на отдельной странице есть юр. информация о владельце и политика конфиденциальности
| Далее |
| Проверить |
| Узнать результат |
Домен подключен, настроен сертификат безопасности https
| Далее |
| Проверить |
| Узнать результат |
Для страницы сделан и подключен favicon
| Далее |
| Проверить |
| Узнать результат |
Для страницы сделан и подключен бейдж
| Далее |
| Проверить |
| Узнать результат |
Настроены СЕО-заголовки H1, H2, H3
| Далее |
| Проверить |
| Узнать результат |
Прописаны alt для всех изображений
| Далее |
| Проверить |
| Узнать результат |
Подключены Яндекс Веб-мастер, Google Search Control
| Далее |
| Проверить |
| Узнать результат |
Подключены системы аналитики: Яндекс Метрика, Facebook пиксель или Google аналитика
| Далее |
| Проверить |
| Узнать результат |
Скорость сайта оптимизирована, сайт находится в зеленой зоне для десктоп и желтой для мобильной версии, время загрузки контента не более 3 секунд
| Далее |
| Проверить |
| Узнать результат |
Плохой сайт, скорее всего вы делали его сами или делал новичок
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Неплохой сайт, но явно требует доработки
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Хороший сайт, но еще есть над чем поработать
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Отличный сайт, полностью соответствует качественно сделанной работе. Супер!
Предлагаем подписаться на нас в Instagram или в VK, чтобы получать полезные лайфхаки по дизайну, проекты и узнавать внутреннюю кухню работы фрилансеров.
А если вы дизайнер напишите Сергею лично с приложенным результатом теста и портфолио для получения проектов
А если вы дизайнер напишите Сергею лично с приложенным результатом теста и портфолио для получения проектов
| Пройти снова |
ТЕСТ
Чек-лист проверки дизайна сайта
Подойдет тем, у кого визуально сайт в порядке. Неочевидные пункты проверки сайта на работоспособность, которые реально влияют на продажи
| Пройти тест |
Основной контент находится в пределах сетки
| Далее |
| Проверить |
| Узнать результат |
Все шрифты читаются легко, не перекрываются сторонними объектами, не обрезаются на любой ширине экрана
| Далее |
| Проверить |
| Узнать результат |
Заголовки достаточно контрастируют с текстом. Минимальная разница - через одно начертание (пример: заголовок - semibold, текст - light). Цвет текста минимум на 20% бледнее заголовка
| Далее |
| Проверить |
| Узнать результат |
Все отступы однородны и соотносятся друг к другу по коэффициенту 1,61
| Далее |
| Проверить |
| Узнать результат |
При ширине выше 1920 пикселей нет видимых недоработок
| Далее |
| Проверить |
| Узнать результат |
Минимальный размер текста на сайте не ниже 14пт (12 пт для сносок)
| Далее |
| Проверить |
| Узнать результат |
Сайт имеет строгий набор шрифтов и размеров. 1-2 шрифта, 3-5 размеров, 2-3 начертания.
| Далее |
| Проверить |
| Узнать результат |
Стилистика сайта однородная - не используются одновременно фото и иллюстрации
| Далее |
| Проверить |
| Узнать результат |
Цвет шрифтов достаточно темный для прочтения, но не черный. Допустимо использовать цветной текст в заголовках. Для текста лучше брать оттенки серого.
| Далее |
| Проверить |
| Узнать результат |
Цвет шрифта в форме темнее, чем поля самой формы. Поля формы достаточно видны, четко читается их интерактивность.
| Далее |
| Проверить |
| Узнать результат |
Вся навигация имеет единый цвет и стиль оформления
| Далее |
| Проверить |
| Узнать результат |
Стилистика фотографий - однородная. Фотографии имеют единую гамму, единую свето- и цветообработку (не допускаем в одном блоке фото теплых и холодных оттенков). Все лица, персонажи и прочие люди обработаны одинаково или максимально приближенно к одинаковой обработке. Композиция фото и фон однородны и сочетаются со стилистикой сайта
| Далее |
| Проверить |
| Узнать результат |
Не используются часто-используемые стоковые фотографии.
| Далее |
| Проверить |
| Узнать результат |
Не используются слишком яркие ненатуральные эмоции, персонаж/человек выглядит натурально.
| Далее |
| Проверить |
| Узнать результат |
Все иконки и иллюстрации имеют формат SVG
| Далее |
| Проверить |
| Узнать результат |
Иконки все однородные. Если используем контурные - то везде на сайте. Если используем минималистичные, не стоит их мешать с насыщенными деталями
| Далее |
| Проверить |
| Узнать результат |
Все тексты на сайте наполнены, не стоят заглушки Lorem Ipsum
| Далее |
| Проверить |
| Узнать результат |
Все тексты имеют четкий смысл, смыслы не дублируются в одном блоке, все обращения на сайте либо на Вы, либо на ты
| Далее |
| Проверить |
| Узнать результат |
Текстовые смыслы гармоничны с изображениями к ним
| Далее |
| Проверить |
| Узнать результат |
В текстах не используются вводные слова и слова-паразиты и ненормативная лексика. Кроме случаев, когда это обусловено спецификой ЦА: молодежный сленг, прямая работа с ЦА, провокации, вирусная реклама.
| Далее |
| Проверить |
| Узнать результат |
Сайт имеет мобильную версию 320, 480, 640 пикселей и планшетную версию
| Далее |
| Проверить |
| Узнать результат |
Для мобильной версии шрифт не менее 12 пт для текста
| Далее |
| Проверить |
| Узнать результат |
Контент для мобильной версии занимает 290-300 пикселей из 320 возможных, ничего не вываливается за пределы сетки, кроме дополнительных/второстепенных элементов дизайна
| Далее |
| Проверить |
| Узнать результат |
Все ссылки в меню работают
| Далее |
| Проверить |
| Узнать результат |
Якорные ссылки имеют верхний отступ, блоки видно полностью
| Далее |
| Проверить |
| Узнать результат |
Все кнопки имеют рабочие ссылки. Якорные ссылки имеют вид #link_name, не используются номера блоков в ссылках #rec1223456
| Далее |
| Проверить |
| Узнать результат |
Кнопки интерактивны при наведении
| Далее |
| Проверить |
| Узнать результат |
Поп-апы и формы отправляют правильную информацию по заявке на почту, в crm или телеграм (Имя, название блока, контактные данные). Данные корректны, кнопка обучение не присылает заявку на консультацию и т.п.
| Далее |
| Проверить |
| Узнать результат |
Если тильда оплачена на год вперед единый платежом, отключен рекламный блок Made оn Tilda
| Далее |
| Проверить |
| Узнать результат |
При использовании контента 18+, сделано соответствующее всплывающее окно
| Далее |
| Проверить |
| Узнать результат |
В формах по сбору контактов есть ссылка на политику конфиденциальности
| Далее |
| Проверить |
| Узнать результат |
В футере или на отдельной странице есть юр. информация о владельце и политика конфиденциальности
| Далее |
| Проверить |
| Узнать результат |
Домен подключен, настроен сертификат безопасности https
| Далее |
| Проверить |
| Узнать результат |
Для страницы сделан и подключен favicon
| Далее |
| Проверить |
| Узнать результат |
Для страницы сделан и подключен бейдж
| Далее |
| Проверить |
| Узнать результат |
Настроены СЕО-заголовки H1, H2, H3
| Далее |
| Проверить |
| Узнать результат |
Прописаны alt для всех изображений
| Далее |
| Проверить |
| Узнать результат |
Подключены Яндекс Веб-мастер, Google Search Control
| Далее |
| Проверить |
| Узнать результат |
Подключены системы аналитики: Яндекс Метрика, Facebook пиксель или Google аналитика
| Далее |
| Проверить |
| Узнать результат |
Скорость сайта оптимизирована, сайт находится в зеленой зоне для десктоп и желтой для мобильной версии, время загрузки контента не более 3 секунд
| Далее |
| Проверить |
| Узнать результат |
Плохой сайт, скорее всего вы делали его сами или делал новичок
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Неплохой сайт, но явно требует доработки
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Хороший сайт, но еще есть над чем поработать
Что мы можем предложить:
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
1. Составить ТЗ для вашего дизайнера или вас по результатам чек-листа, плюс проверить еще по 20 пунктам ваш сайт.
2. Самостоятельно доработать ваш сайт
Для этого заполните форму или напишите нашему руководителю в удобный вам мессенджер: Telegram, WhatsApp, Instagram Direct
| Пройти снова |
Отличный сайт, полностью соответствует качественно сделанной работе. Супер!
Предлагаем подписаться на нас в Instagram или в VK, чтобы получать полезные лайфхаки по дизайну, проекты и узнавать внутреннюю кухню работы фрилансеров.
А если вы дизайнер напишите Сергею лично с приложенным результатом теста и портфолио для получения проектов
А если вы дизайнер напишите Сергею лично с приложенным результатом теста и портфолио для получения проектов
| Пройти снова |
Заказать звонок
Ваши данные соответствуют политике конфиденциальности и не разглашаются третьим лицам. Нажимая кнопку, вы выражаете согласие с условиями обработки данных.
Свяжитесь с нами и мы поможем Вам решить любой вопрос
Позвоните по телефону:
