Лендинг: новый вид
Перерисовывает первый экран страницы: та же суть и тот же смысл, но выстроенная иерархия, заметное действие и воздух. Это эскиз для разговора с дизайнером, а не готовая вёрстка — надписи на картинке могут быть неточными.
Что делает
Берёт снимок первого экрана вашей страницы и перерисовывает его по-другому: тот же смысл и то же предложение, но выстроенная иерархия — заголовок главнее подзаголовка, кнопка заметна, блоки не спорят друг с другом, между ними появляется воздух. Получается эскиз, картинка для разговора, а не вёрстка.
Когда пригодится
Страница вроде бы обо всём рассказывает, но выглядит плотно и разобраться в ней трудно. Нужно показать команде, что имеется в виду под «сделать чище», не рисуя макет. Готовите задание дизайнеру и хотите приложить наглядный пример, а не описание словами. Сравниваете два подхода к первому экрану и выбираете, в какую сторону идти.
Что подготовить
Скриншот первого экрана в JPG или PNG, до 15 МБ. Снимайте именно верхнюю часть страницы — то, что человек видит до прокрутки. Скриншот всей страницы длиной в пять экранов перерисовать нельзя: мелкие надписи в нём неразличимы, а первый экран занимает шестую часть кадра. Делайте снимок на широком окне и без посторонних элементов: панели браузера, всплывающего согласия на файлы cookie, чужих окон поверх. Если нужен разбор недостатков словами, а не картинка, для этого есть отдельный инструмент — «Разбор лендинга».
Как заполнить
Фото Загрузите скриншот первого экрана. Пропорции сохранятся, поэтому кадрируйте заранее: всё, что попало в снимок, попадёт и в эскиз. Экран, снятый с телефона, даст вертикальный вариант — это нормально, если вы и разбираете мобильный вид. Пожелания Скажите словами, в какую сторону двигаться: строже, меньше блоков, тёмная тема, крупнее заголовок и одна кнопка вместо трёх, убрать фотографию, оставить текст. До 400 знаков. Поле необязательное — без него направление выбирается само, и чаще всего это будет «спокойнее и просторнее». Заполняйте его, если у вас уже есть мнение: так вы получите то, что хотели проверить, а не общий вариант.
Что получится
Одна картинка — перерисованный первый экран в прежних пропорциях. Ей удобно открыть обсуждение и приложить её к заданию. Это эскиз, и обращаться с ним надо как с эскизом: надписи на картинке нарисованы вместе с ней, поэтому могут быть неточными, а местами бессмысленными. Смотреть в нём нужно на композицию — что крупнее, что где стоит, сколько между блоками места, — а не на конкретные слова. Вёрстки, слоёв и кода на выходе нет.
Частые ошибки
Прислали скриншот всей страницы. Инструмент рассчитан на первый экран; из длинной ленты получится каша. Читают надписи как текст будущей страницы. Их придётся написать заново, смотреть надо на структуру. Пустые пожелания при конкретном запросе. Если нужна тёмная тема или меньше блоков, так и напишите, иначе получите усреднённый вариант. Ждут готовый макет. На выходе картинка. Ни файла для редактора, ни кода из неё не получить.
