Новый дизайн лендинга с низкой конверсией: по скриншотам, более понятная страница на HTML и CSS

Пример результата

Пример по пакету «Стандарт»Открыть целиком

Новый дизайн главной страницы пекарни по скриншоту

До: скриншот, который прислал клиент

После: новая страница

Файлы: ZIP-архив с index.html, стилями и 2 картинками, нарисованными для страницы, готово заменить старую страницу на хостинге клиента. Здесь показаны скриншоты страниц.

Клиент: Miller Street Bakery, семейная пекарня. Задача: сделать старую главную страницу свежей и современной, сохранив название, тёплый коричневый цвет, часы и список выпечки, с крупными картинками хлеба и заметной кнопкой заказа.

Клиент и все данные вымышлены.

Об услуге

Когда на лендинг заходят, а звонков и заявок мало, дело часто в том, как он читается: размытый первый экран, сплошной текст, потерявшиеся кнопки, неудобная версия для телефона. Загрузите скриншоты страницы, напишите, что вы продаёте и какое действие главное, и мы придумаем ей новый дизайн и сверстаем: одно ясное обещание наверху, блоки в том порядке, в каком у покупателя возникают вопросы, заметные кнопки и нормальная версия для телефона, с вашим предложением, ценами и стилем и новыми картинками. Обещать конверсию мы не можем: она зависит и от предложения, цены и трафика. Отзывы, цифры и гарантии — только если они есть на странице или в брифе.

Что входит

• Что вы получитеАрхив ZIP с новой страницей, стилями и картинками, готовый к загрузке на хостинг, и предпросмотр каждой страницы на странице заказа.
• Одно обещание наверхуВаше предложение простыми словами на первом экране и рядом главная кнопка
• Блоки в порядке решенияЧто это, чем поможет, сколько стоит, почему вам доверять, как заказать
• Заметные кнопкиГлавное действие повторяется по странице; кнопки связи звонят, открывают мессенджер или вашу ссылку на заказ
• Только ваши фактыЦены, отзывы и гарантии как на вашей странице, ничего не добавлено
• Сначала телефон, чистый кодБольшинство с рекламы заходят с телефона; обычные HTML и CSS, ничего не грузится с чужих сайтов

Порядок работы

1. 1
   СкриншотыВы загружаете скриншоты лендинга и называете предложение и главное действие
2. 2
   РедизайнМы придумываем новый дизайн, рисуем картинки и верстаем страницу
3. 3
   Предпросмотр и архивВы сравниваете новую страницу со старой на компьютере и телефоне, просите правки в рамках пакета и скачиваете архив

Что нужно от вас

До 5 картинок в PNG, JPEG или WebP: скриншоты вашего лендинга, по возможности целая страница на одной картинке, достаточно чёткие, чтобы читался текст, и по желанию логотип отдельным файлом. Напишите, что и кому вы продаёте, какое действие главное (звонок, сообщение, заказ по вашей ссылке), что, по-вашему, мешает людям сейчас, что должно остаться слово в слово, куда ведёт каждая кнопка, и сайт, который вам нравится, если есть, как подсказку по стилю.

В брифе мы спросим:

• Какой скриншот какая страница?
• Что вы продаёте и какое действие главное?
• Что, по-вашему, мешает людям сейчас?
• Что должно остаться?
• Куда ведёт каждая кнопка?

Сравнение пакетов

Вопросы и ответы

Не нашли ответ? Спросите