Landings - это галерея, в которой собраны более 500 уникальных лендингов от крупных мировых компаний, так что можно вдохновиться годными дизайнами, не распыляясь на другие ресурсы для творческих исканий 😉

Landings не только поможет ускорить творческий процесс, но и предоставит широкий спектр фильтров для поиска по цветам, темам и даже еженедельные обновления. И это только начало, так как команда разработчиков активно работает над добавлением еще большего количества фильтров.

Если вы как-то связаны с дизайном и лендингами, вам стоит занять место в первом ряду на этом творческом празднике под названием Landings 👌🏻

Хотите быть в курсе о полезных ии сервисах для работы, учебы и облегчения жизни? Подпишитесь на мой канал в Telegram НейроProfit, там я рассказываю о том, как зарабатывать с помощью нейросетей и использовать ии-сервисы для бизнеса, но, что самое главное, я тестирую сервисы перед их рекомендацией 😉

Всем привет! Отдел дизайна и разработки Зекслер на связи. Подготовили кейс, как обычный лендинг превратился в головную боль. Кстати, тематика у него именно медицинская. Что делать, когда сайт нужно было сделать вчера? Как разрулить ситуацию и поднажать? А главное, как это сделать не тяп-ляп, а хорошо, ведь медицина не терпит ошибок, даже при разработке сайтов. Ждём вас у нас в Телеграм-канале, где мы часто публикуем полезные материалы по разработке, репутации, контенту, рекламе и пр. Подписывайтесь :)

Разработка одностраничного сайта (лендинга) обычно занимает не менее 2-х недель. Наша история о том, как нелёгкий по структуре и тематике одностраничник был создан за 5 рабочих дней.

Когда сайт нужно было сделать вчера

Заказчик пришел по рекомендации от другого нашего клиента, которому мы разработали лендинг. Теперь нужно было разработать одностраничник, который привлечет внимание к медицинскому исследованию.
Компания OCT Clinical – обширная международная организация, которая специализируется на многочисленных клинических испытаниях и не только. В нашем случае сайт создавался под препарат Лонгидаза. Цель – набрать добровольцев, которые согласятся помочь зафиксировать улучшение состояния после перенесенного COVID-19. Сам препарат – не новинка фармацевтики. Лонгидаза одобрена министерством здравоохранения и продается в аптеках без рецепта.

За разработкой новенького сайта пришли в середине мая. По плану, запустить хотелось 1 июня. То есть на реализацию было около двух недель. Хоть этого времени хватило бы впритык, так как все моменты (создание прототипа, согласование, разработка дизайна, согласование, разработка, настройка форм и т.д.) обычно занимают больше времени, но… В этом случае всё пошло не плану.
Компания заказчика, скажем так, немаленькая. Согласование происходило на нескольких уровнях, то есть через несколько отделов и руководителей. Кроме того, это поспособствовало затягиванию с оформлением документов. Со своей стороны договор составили в течение одного дня, дело привычное. А вот пока он дошёл до того, кого нужно и вернулся к нам с ответом, наступило 2 июня… Это был четверг. Так как требовалось ещё немного времени на поправку некоторых терминов в договоре, всё подготовлено было только к концу рабочей недели…

В результате вот таких задержек, стали думать, как выполнить задачу максимально быстро. В пятницу приступили к работе – вникали в материалы (об этом ниже), думали над дальнейшими действиями. На прототип, дизайн и разработку по сути было всего 3 рабочих дня.

Спойлер – успели.

Процесс разработки длиной в три дня

День 1. Прототипирование

Дети не кормлены, собаки не выгуляны, идёт максимально ускоренный режим прототипирования. Про детей и собак, конечно, шутим, а вот то, что поднажали – нет. Делали модель будущего сайта очень быстро, к вечеру он уже был готов. И также быстро отдали на согласование.

День 2. Разработка дизайна

На следующий день уже рисовали дизайн лендинга в Figma. Причём пошагово, чтобы максимально ускорить рабочий процесс. Сделали одну часть – согласовали. Пока согласовывали, доделывали вторую часть. По итогу, также к вечеру полностью согласовали дизайн будущей страницы.
День 3. Разработка

Передали готовый согласованный дизайн разработчику. Попросили бросить все текущие проекты и уделить внимание только Лонгидазе. И в среду к вечеру сайт был готов. Далее уже тестировали формы, заполнили центры, но это уже мелочи. В четверг отписались клиенту, что лендинг готов. А теперь чуть подробнее…

Как разгребали полученные материалы

Тема сайта – клинические исследования. Типичные тексты на скорую руку туда не напишешь. Тематика медицинская, и делать нужно было хорошо. Нам скинули информацию по препарату и исследованиям в одном огромном файле с кучей страниц, где были описаны цели и задачи исследования, методология и прочие штучки прям как из научной диссертации или какой-то лабораторной работы. А может, это из этого и было…

В общем из этой кучи медицинских слов и предложений, нужно было выудить то, что пригодится для будущего лендинга. Причём нужно было выбрать именно то, что зацепит посетителя сайта.

Информацию переработали, проанализировали, и только после этого приступили к формированию структуры. Каждый блок сайта нужно было продумать так, чтобы завлечь людей. А тематика сложная, медицинская. Собирать лиды нелегко. У людей на этот счёт, а особенно на какие-то исследования, множество страхов. Вдруг опасно? Точно поможет? Не навредит? Препарат проверенный? Дорого?

Это не продажа товара, это способ привлечения определенной категории людей именно к исследованию препарата. Вот и размышляли, как развеять все страхи, и побудить оставить заявку.

Как оставить посетителя на сайте за три секунды?

Единственный способ оставить человека на сайте – проработать первый экран. Он должен очень быстро дать понять, для кого этот сайт и почему посетитель должен на нём остаться. В нашем случае вынесли информацию о том, что в исследовании могут участвовать те, кто переболел COVID-19, остались осложнения, есть одышка.

Это отсеивает незаинтересованных людей и оставляет тех, кто относится к этой категории. Сразу же вынесли информацию, что здесь можно принять участие в клиническом исследовании.

Как показать безопасность предлагаемого продукта

Так как речь шла о лекарственном средстве, логично предположить, что не каждый человек, даже при осложнениях после болезни, захочет на себе его испытывать. Но мы уже ознакомились со всеми нюансами и понимали, что препарат проверенный. Осталось донести это до посетителей при помощи ограниченного пространства на одностраничнике.

Небольшими текстами и иконками показали, что препарат не новый, работает уже минимум 17 лет. Лекарство одобрено минздравом, а значит, может потребляться без опаски. Он свободно продаётся в аптеках и не требует рецепта врача. Далее, написали при каких заболеваниях обычно применяется препарат.

Этот блок, пусть и на словах, но мог снять страхи об опасности для здоровья, и о легальности лекарственного средства.

После того, как рассказали о препарате, показываем информацию об исследовании, куда и должны были записываться люди. Важным моментом было донести легальность его проведения, а также финансовый вопрос. Процедуры проводились бесплатно, причём кроме консультаций врача, предлагалось полное обследование здоровья. Ниже расписали, какие именно процедуры входили в бесплатное обследование. А чтобы снять вопрос приезда в клинику, вывели блок с бесплатным такси. Это помогло охватить аудиторию не только одного района.

Что хотели, но не сделали

Ниже информация о компании. Выделили, что она международная, существует давно, ей можно доверять. Ещё ниже – карта. Планировали интерактив с картой, чтобы были точки, при клике на которые появлялась информация с контактами, но для этого потребовалась бы региональность, а у нас был очень срочный заказ. От этого решили отказаться, ограничились точками на карте и информацией о центре без возможности отправки формы, то есть упрощенный вариант. Все заявки приходили в один центр, а дальше – распределение куда нужно.

Итог работы и совет

То, что по хорошему делается не менее 2 недель, было сделано за 4,5 дня. И ладно бы лендинг типичный, имеем в виду тематику, а тут вопрос медицинский. Пришлось отложить все дела и делать. Фишка у нас такая, доводить всё до конца и искать способы, как выкрутиться даже там, где это кажется невозможным.

В этом лендинге старались зацепить пользователя тем, что будет ему интересно, и снять страхи, о том, что всё легально и безопасно.

Готовый сайт передали заказчику, рекламу на него он делал сам, и к слову, заходы на него достойные. Лендинг работал с июня 2022 по март текущего года и собрал более 100 000 визитов.

Прямых заявок было 1675. А значит, посыл был передан верно.

Ещё один лендинг в копилке!

И совет… Он больше относится к заказчикам. По возможности ставьте реальные сроки и ТЗ не в трёх томах )))

Спасибо, что дочитали до конца. Надеемся материал был для вас полезен. Не забывайте подписываться на наш ТГ-канал, мы всегда рады новым подписчикам!:)

Как понятно из примера выше, чтобы получить качественный результат, нам надо подать на вход информацию, которую мы считаем важной (на самом деле, это еще ничего не гарантирует, но, если не дадите информацию, можете быть уверены, что получите низкое качество). Разумеется, каким бы крутым ChatGPT ни был, залезть в нашу голову и извлечь оттуда информацию нейросеть (пока) не может. Если мы не дадим информацию на вход, модель будет руководствоваться набором данных, на которых была обучена.

Это проще проиллюстрировать картинками, чем текстом, поэтому посмотрим на котов, сгенерированных нейросетью.

Результат по запросу «кот»:

А вот другой результат по тому же запросу:

Коты красивые и не совсем одинаковые, но все же очень похожие даже в последовательных во времени запросах. То же самое и с текстами: одинаковый запрос приводит к примерно одинаковому результату. Если Катя спросит ChatGPT примерно то же самое, что Марина, то получит примерно тот же результат: внешне красиво, а внутри пусто, не уникально и не «продающе» (как того просил заказчик). Этого ни Марина, ни Катя не хотят, ведь они пишут тексты для конкретных продуктов, и тексты эти должны отражать продуктовую ценность, подчеркивать продуктовые особенности и продавать.

(На самом деле, в зависимости от модели и настроек, определенная вариативность в ответах на одинаковый запрос все же будет, но в описанном выше случае ни Катя, ни Марина этим не управляют и, вероятнее всего, получат пусть и немного разные, но одинаково бесполезные тексты).

Специфицируем запрос и попросим нейросеть нарисовать не просто кота, а монохромного кота в стиле синтетического кубизма а-ля Пикассо:

Не уверен, что нейросеть справилась и показала нам Пикассо, но точно можно сказать, что этот кот отличается от дженерик-котов с первых картинок. Разумеется, все дело в деталях: даем дженерик-запрос — получаем дженерик-ответ, специфицируем запрос — получаем более специфичный ответ.

А если мы захотим эти картинки продать? Первые картинки, конечно, красивые, но совершенно точно менее уникальные — таких уже полон интернет. Абстрагируясь от красоты конкретного кубического примера наверняка можно утверждать, что более специфичных картинок меньше, а значит ценителям такой специфики и продать их проще. В противном случае у нас просто нет ответа на вопрос, почему следует купить красивую картинку кота именно у нас — их и так миллион, и все красивые.

То же самое и с текстами для лендингов: наша задача не написать абы какой текст, пусть даже грамматически корректный и «продающий». Наша задача написать текст, который будет отражать ценность нашего продукта для целевой аудитории — так шансы, что его купят, существенно выше.

Таким образом, довольно очевидно, что мы не можем запросить нейросеть «сделай лендинг» или «напиши текст для лендинга» и даже «напиши текст для лендинга для продукта такого-то». Придется снабдить нейросеть деталями. В противном случае мы получим либо то, что не отражает суть и ценность нашего продукта, либо что-то похожее на тысячи других лендингов, либо пресловутых шестипалых людей (но в случае текста «шестипалость» будет выглядеть как-то иначе), либо и первое, и второе, и третье одновременно.

Но ни первое, ни второе, ни третье мы получить не хотим — нам нужен лендинг:

• отражающий ценность нашего продукта;

• достаточно уникальный, чтобы не выглядеть очередным типовым лендингом очередного типового продукта;

• без шестипалых людей.

***

Итак, нам нужны детали, и для получения этих деталей мы будем использовать упомянутую Карту ценностного предложения. Это инструмент, который позволяет проработать ценность продукта — сначала, чтобы понять ее самим (нам нужно каким-то образом прийти к «монохромному кубическому коту а-ля Пикассо», а не просто «коту» и даже не к «коту в технике пуантилизма Поля Синьяка» — просто потому, что продаем мы именно кубических котов, а не пуантилистских), а также структурировать эти детали для подачи на вход нейросети. Кроме того, в процессе работы над Картой может выясниться, что какой-то важной информации у нас просто нет — не думали об этом, а вот и повод подумать и добавить ее в Карту.

Пуантилистские коты классные, но есть проблема — продаем мы не их, а кубических. Значит и получить нужно кубических.

***

Несколько рекомендаций при работе с ChatGPT:

• Несмотря на то, что модель понимает русский (и другие отличные от английского языки), с английским она работает несравнимо лучше. Поэтому будем использовать английский — для этого достаточно перевести запросы («промпты») и фактуру, которую дадим на вход, на английский. Ответы позже обратно переведем на русский. Если не владеете английским в достаточной мере, используйте онлайн-переводчик вроде Google Translate или DeepL.

• Количество символов, которые может обработать ChatGPT на входе (длина промпта) и выдает на выходе (длина ответа), ограничены. Если так получается, что вы не можете подать на вход промпт достаточной длины, попробуйте убрать повторения внутри него, оставив только уникальную информацию. Пример того, как это сделать, приведен ниже — в описании процесса составления промптов для реального кейса. Если и это не поможет, начните с более базового запроса, а потом просите ChatGPT доработать или уточнить ответ — модель «помнит» контекст и учитывает предыдущие ответы при создании новых. Для этого необходимо оставаться в рамках того же диалога внутри интерфейса. Кстати, промпты на английском языке могут быть длиннее — это еще одна причина использовать английский.

• Если ChatGPT «зависнет» на полуслове, можно написать “continue”, и, вероятнее всего, модель продолжит генерацию ответа, или нажать кнопку “regenerate response”, но в таком случае она предложит новую версию ответа — это не плохо само по себе, ведь можно сравнить разные варианты, но это не то же самое, что «продолжить» предыдущий ответ — имейте это в виду.

Пример

В качестве примера используем Карту ценностного предложения реально существующего продукта — групповой экскурсии по Санкт-Петербургу на тему финансов «Миллионщики, миллионеры и просто богатые». Перед нами стоит задача разработать лендинг, который будет использоваться в рекламе продукта.

Карта выглядит так:

В качестве эксперимента эта Карта была сделана быстро и поверхностно — мы проверяли, что такие задачи можно решать быстро, а 20% усилий дадут 80% качества. Разработка этой Карты заняла не более получаса. Посмотреть ее можно здесь.

Ключевые артефакты в данном случае — сама Карта, а также Коммуникация. Именно их мы будем подавать на вход ChatGPT. «Проблемы и выгоды», «Барьеры решений» используются при разработке Карты и Коммуникации, то есть они отражены в других двух артефактах.

Важное замечание:

Эта статья не об использовании Карты ценностного предложения, поэтому может показаться, что мы просто заполнили шаблон, хотя дело вовсе не в шаблоне, а в работе с ним.

Более того, вы можете вообще не использовать ни эту методику, ни эти шаблоны, ни какие-либо другие. Дело только в том, чтобы структурировать информацию, а сделать это можно так, как вам привычно и удобно. Было бы что структурировать.

Что мы подадим на вход ChatGPT в результате работы над Картой ценностного предложения продукта:

Ценностное предложение:

Отдыхайте и развивайтесь интересно. «Миллионщики, миллионеры и просто богатые» — групповая экскурсионная прогулка по Санкт-Петербургу на тему финансов и их истории в городе с привязкой к конкретным местам, городским объектам, историческим событиям и персонажам.

Продукт:

«Миллионщики, миллионеры и просто богатые» — групповая экскурсионная прогулка по Санкт-Петербургу на тему финансов и их истории с привязкой к городским объектам, историческим событиям и персонажам. На русском или английском. Проводится для заранее собранных и организованных групп.

Примечание:

В данном случае описание продукта почти полностью содержится в ценностном предложении. Если бы сработало ограничение на количество символов, то мы просто убрали бы продукт из промпта, но этого не потребовалось.

Важные факты о продукте:

• программа, места, интересные факты из программы, цитаты

• прогулку проводит гид с опытом работы 30+ лет, в том числе с VIP группами и индивидуальными турами

• гид — выпускник филфака ЛГУ с опытом работы гидом-переводчиком (англ. яз.) 30 лет

• более 1500 экскурсий проведено экскурсоводом-разработчиком прогулки за 30 лет

• большое количество отзывов (скрины с tripadvisor)

• для корпклиентов возможна демо-версия для ЛПР со скидкой или минусом оплаты при подписании договора (есть ограничения)

Примечание:

ChatGPT, разумеется, (пока) не владеет терминологией из нашей методики, поэтому мы не будем писать «причины верить», но назовем это более понятно «важными фактами о продукте».

Также наша задача заменить жаргонизмы и другие выражения, которые рискуют быть непонятыми, на более простые. Например, заменим «для корпклиентов возможна демо-версия для ЛПР со скидкой или минусом оплаты при подписании договора (есть ограничения)» на «для корпоративных клиентов возможна демо-версия со скидкой или минусом оплаты при подписании договора». Тут все еще остается сложная фраза «минусом оплаты», но в качестве эксперимента оставим и ее. Если становится ясно, что ChatGPT не понимает, что вы имеете в виду или понимает неправильно, переформулируйте.

Далее приведем сообщения из Коммуникации в формате:

• Сообщение 1: …

• Сообщение 2: …

И т.д. (Не буду здесь повторять сообщения, они приведены в шаблоне Коммуникации выше).

***

Также нам нужен промпт, то есть задание, запрос, что мы хотим получить от ChatGPT:

Write a selling text for a web landing page for the product described below. Use the value proposition, important facts and messages below.

(«Напиши продающий текст для посадочной веб-страницы продукта, описанного ниже. Используй ценностное предложение, важные факты и сообщения ниже»).

***

Я пропущу технические подробности вроде текста на английском (чуть выше я рекомендовал сначала перевести текст, а уже потом скармливать нейросети), обратного перевода и вариаций промптов. На самом деле, описывать и читать о процессе дольше, чем его осуществлять — это буквально несколько кликов. Если интересно, эти подробности есть в полной версии статьи.

Результат

(Машинный перевод)

Откройте для себя богатую историю финансов Санкт-Петербурга с уникальной групповой экскурсионной прогулкой «Миллионеры, миллионеры и просто богатые», которая проведет вас по самым известным местам города. Наша программа сочетает в себе интересные факты, цитаты известных людей и отсылки к конкретным городским объектам и историческим событиям, что делает ее одновременно познавательной и развлекательной.

Расслабьтесь и получайте удовольствие, одновременно узнавая что-то новое. Эта экскурсия является не только источником развлечения, но и источником личностного развития. Свободный формат прогулки делает ее нестандартной и запоминающейся, и она понравится всем, в том числе и детям!

Мы позаботимся об организации, чтобы вы могли сосредоточиться на том, чтобы хорошо провести время. Благодаря 10-летнему опыту в планировании мероприятий и 30-летнему опыту в туристическом бизнесе, вы можете довериться нам, и мы предоставим вам удобный и легкий опыт. Наши участники будут иметь доступ к чат-боту в Telegram для получения информации, напоминаний и приглашений, чтобы все оставались в курсе событий.

С 4-х часовой программой, включая паузы для отдыха и с учетом погоды, никто не устанет и не проголодается. Мы предоставляем одноразовые наушники, а у гида есть микрофон с передатчиком, поэтому каждый сможет услышать интересные истории и факты.

Эта экскурсия не похожа на школу, это возможность учиться, развлекаясь. А если вы предпочитаете программу на английском языке, вам поможет наш гид, выпускник филологического факультета ЛГУ с 30-летним стажем работы гидом-переводчиком.

С более чем 1500 экскурсий, проведенных гидом-разработчиком прогулки, большим количеством положительных отзывов, а также возможностью предложить демо-версию со скидкой или минусом оплаты при заключении договора для корпоративных клиентов, вы не ошибетесь с нас.

Доверьте нам уникальный и незабываемый отдых в Санкт-Петербурге!

В этом текст нет ни единой правки. Всё — как ChatGPT выдал, а Гугл перевел. Это можно увидеть по типичной ошибке перевода ближе к концу.

Ну что же, супер. Текст отличный, важные детали учтены, осталось немного его структурировать, отредактировать, добавить заголовки и другой обязательный контент, который мы не давали ChatGPT на вход, но который должен быть на лендинге, например, цены. В следующих итерациях попросим ChatGPT сделать и все это тоже, но пока сделаем сами. Получившийся текстовый прототип лендинга можно также посмотреть в полной версии статьи.

Вместо заключения

Отличный копирайтинг заключается не только в использовании новейших инструментов и методов, но и в четком понимании продукта и аудитории. Карта ценностного предложения и ChatGPT — это комбинация, которую можно использовать для разработки посадочных страниц. А в следующих статьях будем А/Б-тестировать результаты.

А на фото выше известные копирайтеры Огилви, Бернетт и Бернбах с осуждением смотрят на менее известного копирайтера Марину, использовавшую нейросеть для написания рекламного текста. Я забыл в промпте указать, что копирайтер — Марина, и вот результат! Так же будет и с вашими текстами, если «забыть» указать важные детали. (Одно радует: Midjourney не изменил себе и таки добавил Огилви дополнительных пальцев без подсказки).

***

Спасибо, что дочитали! Это статья из блога Rocketyze но подписаться там нельзя, зато можно вы уже догадались где.