Дизайн страниц и лендингов под одно целевое действие
Дизайн страниц и лендингов — направление услуги «Дизайн» в Best Boost Partners: дизайнер студии рисует одну страницу под одно действие, например заявку, покупку или регистрацию. Порядок блоков повторяет вопросы посетителя, первый экран сообщает предложение, формы остаются короткими. В это же направление входит редизайн отдельных страниц существующего сайта в его текущем стиле. Вы получаете макеты для компьютера и телефона в исходных файлах, экспортированные изображения и заметки для разработчиков.
Что мы делаем в дизайне страницы или лендинга?
Одна страница, одно действие
До начала рисования согласуем единственное действие, к которому ведёт страница: заявка, покупка, регистрация, скачивание. Каждый блок либо приближает посетителя к этому действию, либо убирается.
Порядок блоков по вопросам посетителя
Блоки идут в том порядке, в каком посетитель задаёт вопросы: что предлагают, подходит ли это мне, как это работает, сколько стоит, почему можно доверять, что делать дальше. Порядок согласуем на прототипе с настоящими заголовками до визуальной работы.
Первый экран с предложением
Первый экран без прокрутки сообщает, что предлагается, для кого и каков следующий шаг. Заголовок, короткое пояснение, главную кнопку и одно изображение сначала проверяем на экране телефона.
Короткие формы
Форма спрашивает только то, что нужно для ответа на заявку. Подписи полей, подсказки, сообщения об ошибках и экран после отправки рисуются вместе с формой.
Редизайн отдельных страниц
Карточку товара, страницу цен или шаблон статьи существующего сайта перерисовываем в его текущем стиле. Берём шрифты, цвета и компоненты, которые у сайта уже есть, и меняем структуру и иерархию страницы.
Мобильная версия и передача
Каждая страница рисуется для компьютера и для телефона. Макеты уходят разработчикам в исходных файлах с экспортированными изображениями и заметками об отступах, состояниях и поведении блоков.
Что вы получаете вместе с дизайном страницы?
- Макеты страницы для компьютера и телефона в исходных файлах в редакторе, согласованном с вами.
- Прототип с согласованным порядком блоков и иерархией текста в каждом блоке.
- Макеты форм во всех состояниях: пустая, заполненная, с ошибкой и сообщение после отправки.
- Экспортированные изображения и иконки, список шрифтов и заметки для разработчиков.
Когда нужен дизайн лендинга или отдельной страницы?
- Вы запускаете рекламную кампанию, продукт или мероприятие, и нужна страница, которая ведёт к одному действию.
- На страницу приходят посетители, но уходят, не дойдя до формы, или не находят цену и условия.
- Карточка товара, страница цен или шаблон статьи устарели, а остальной сайт по-прежнему справляется со своей задачей.
- Сайту нужен новый тип страницы, и эта страница должна выглядеть частью существующего сайта.
Частые вопросы
Пишете ли вы текст для лендинга?
Дизайнер задаёт структуру и иерархию страницы: о чём говорит каждый блок и какой длины может быть текст. Сам текст даёте вы, либо его заказывают в Best Boost Partners отдельной услугой «Копирайтинг». Макеты рисуются с настоящим текстом, потому что текст-заглушка скрывает проблемы с длиной и смыслом.
Можно ли переделать одну страницу и не трогать остальной сайт?
Можно. Отдельная страница перерисовывается в текущем стиле сайта, с его шрифтами, цветами и готовыми компонентами. Новые элементы, которых у сайта не было, рисуются в том же стиле и описываются для разработчиков, и страница не выглядит чужой рядом с остальными.
Станет ли больше заявок после нового дизайна лендинга?
Цифру мы не обещаем: число заявок зависит ещё и от самого предложения, цены и трафика, который приходит на страницу. Дизайн убирает препятствия, которые зависят от страницы: непонятный первый экран, неудачный порядок блоков, длинную форму, слабую мобильную версию. Изменился ли результат, видно по целям в аналитике после запуска.
Расскажите о проекте
Заполните то, что уже знаете. Пустые поля не страшны: остальное уточним в разговоре.
Бриф отправлен
Спасибо. Ответим в течение одного рабочего дня.
Режим предпросмотра: обработчик формы ещё не подключён, данные никуда не отправлены.