<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xmlns:tt="http://teletype.in/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>Евгения Корюкова</title><generator>teletype.in</generator><description><![CDATA[Руководитель студии маркетинга MuscleLend. Разработка продающих сайтов и лендингов, которые приводят новых клиентов и помогают продавать.]]></description><image><url>https://img2.teletype.in/files/d6/2d/d62d4190-f3f3-4b79-aceb-6bbd1ce1b508.png</url><title>Евгения Корюкова</title><link>https://teletype.in/@studiolend</link></image><link>https://teletype.in/@studiolend?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><atom:link rel="self" type="application/rss+xml" href="https://teletype.in/rss/studiolend?offset=0"></atom:link><atom:link rel="next" type="application/rss+xml" href="https://teletype.in/rss/studiolend?offset=10"></atom:link><atom:link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></atom:link><pubDate>Wed, 13 May 2026 20:07:35 GMT</pubDate><lastBuildDate>Wed, 13 May 2026 20:07:35 GMT</lastBuildDate><item><guid isPermaLink="true">https://teletype.in/@studiolend/wfiXHVTHbTP</guid><link>https://teletype.in/@studiolend/wfiXHVTHbTP?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/wfiXHVTHbTP?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Как разработать продающий сайт в премиальной нише: особенности маркетинга и дизайна</title><pubDate>Fri, 29 Nov 2024 11:28:06 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/3e/53/3e532a24-d276-4aea-bb96-93b41ddee876.png"></media:content><description><![CDATA[<img src="https://img2.teletype.in/files/d6/04/d6042bc5-e194-46c7-ada5-482ceaadd767.jpeg"></img>Был у нас в работе интересный проект, на который мы возлагали огромные надежды – были уверены, что получим мощный результат. Сегодня расскажу, как строили работу над лендингом, почему с первого раза не удалось достичь нужных результатов, и почему пришлось буквально с нуля переделывать прототип, когда он был почти готов.]]></description><content:encoded><![CDATA[
  <p id="gVN4">Был у нас в работе интересный проект, на который мы возлагали огромные надежды – были уверены, что получим мощный результат.</p>
  <p id="ETKM">К нам обратился маркетолог за лендингом «Премиальные туры ОАЭ». У него уже был неудачный опыт сотрудничества с другими специалистами. Они делали лендинг для туров на Мальдивы, но заявок с него не получили совсем.</p>
  <p id="zYkU">Сегодня расскажем, как строили работу над лендингом, почему с первого раза не удалось достичь нужных результатов, и почему пришлось буквально с нуля переделывать прототип, когда он был почти готов.</p>
  <p id="u7kE">Главная изюминка проекта в том, что дорабатывали прототип на основе обратной связи от туристов – клиентов компании. Было несколько неожиданных открытий. Но до прототипа были еще несколько важных этапов. Обо всем по порядку.</p>
  <figure id="ToG9" class="m_column">
    <iframe src="https://vkvideo.ru/video_ext.php?oid=30419147&id=456239584&hd=2&hash=98691439465d1757&autoplay=1"></iframe>
  </figure>
  <h2 id="sQvx">О клиенте и задаче</h2>
  <p id="w6Io">Турагентство Planetop, CoralTravel Elite Service, занимается организацией премиального отдыха.</p>
  <p id="O1GC">Задача – сделать лендинг для продажи премиум-туров ОАЭ.</p>
  <h2 id="JTvF">Этапы работы</h2>
  <p id="5uyM">Перед заключением договора обговорили с маркетологом компании, как будет построена работа, порядок оплаты и другие организационные моменты. Для него было важно, чтобы при разработке сайта мы опирались на маркетинговое исследование.</p>
  <p id="dJl0">Анализ ЦА (целевой аудитории) и конкурентов для нас – обязательный этап создания лендинга. Это послужило одной из причин, почему маркетолог решил выбрать нас среди других исполнителей.</p>
  <h3 id="8sv5">Бриф</h3>
  <p id="CYFK">Первый рабочий этап – это всегда бриф с представителями бизнеса. На созвоне были руководитель турагентства, менеджер по работе с клиентами – эксперт по ОАЭ и маркетолог.</p>
  <p id="jY43">Обсудили вопросы:</p>
  <ul id="XGr5">
    <li id="duaD">о продукте;</li>
    <li id="uD86">о целевой аудитории;</li>
    <li id="7tF9">о конкурентах;</li>
    <li id="YSQ9">особенности турагентства, чем выделяются среди других.</li>
  </ul>
  <p id="NkjL">Особое внимание уделили ЦА: турагент на основе опыта поделился вопросами, которые чаще всего задают клиенты – в каком формате к ним приходят запросы, что самое важное при выборе турагентства и путевки, почему большинство клиентов становятся постоянными, что им особенно нравится в сотрудничестве с Planetop.</p>
  <h3 id="3dmC">Маркетинговое исследование</h3>
  <p id="CHP7">Маркетинговый анализ начинаем с анализа ЦА (целевой аудитории).</p>
  <p id="SZLZ">На этом этапе мы собираем и изучаем следующие данные:</p>
  <ul id="XBb9">
    <li id="VudJ">Социально-демографические характеристики: пол, возраст, семейное положение, сфера деятельности, уровень дохода, увлечения и пр.</li>
    <li id="Tty9">Психографические: для чего покупает премиум-тур в ОАЭ, для чего путешествует, какие проблемы хочет решить.</li>
    <li id="K6Nn">Поведенческие: на каком этапе принятия решения, как срочно нужно подобрать продукт, как быстро принимает решение, какие сомнения и страхи могут быть.</li>
    <li id="PSfc">Критерии выбора турагентства и путевки: что ценит больше всего в турагентстве, какой отдых предпочитает.</li>
    <li id="dCms">Идеальная картина мира, каким должен быть идеальный отдых.</li>
    <li id="8DWQ">Почему покупают в Planetop.</li>
    <li id="HAOf">Почему не купили в Planetop.</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="zvCc" class="m_original">
      <img src="https://img3.teletype.in/files/6a/4f/6a4f0e3f-01c5-4d84-bcfb-1326e5270964.jpeg" width="2940" />
      <figcaption>Разработку сайта всегда начинаем с анализа целевой аудитории, конкурентов, продукта и рынка</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="0jVC" class="m_original">
      <img src="https://img4.teletype.in/files/7f/e1/7fe1a7da-d4ad-4c29-a720-357b14ad6773.jpeg" width="2940" />
      <figcaption>Анализ целевой аудитории для сайта турагентства</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="bez2" class="m_original">
      <img src="https://img2.teletype.in/files/9f/ff/9fff5d7b-7886-4521-b6b4-8504f070d614.jpeg" width="2940" />
      <figcaption>На этапе маркетингового исследования важно понять, на основе каких критериев туристы выбирают турагентство. Что им наиболее важно, когда точно купят, а когда точно не купят</figcaption>
    </figure>
  </section>
  <p id="bGHL">Для поиска информации используем самые разные источники:</p>
  <ul id="2GKX">
    <li id="EDYA">Обратная связь от клиента. В нашем случае турагент достаточно хорошо знает своих клиентов и смог многое о них рассказать. Кроме того, в момент разработки лендинги проводили глубинное интервью.</li>
    <li id="iwAJ">Социальные сети Planetop, переписки и звонки с клиентами.</li>
    <li id="aOLD">Отзывы клиентов Planetop и клиентов других компаний.</li>
    <li id="b9mp">Сайты и социальные группы конкурентов.</li>
    <li id="oUlv">Отзовики.</li>
    <li id="lruf">Тематические форумы и прочие площадки.</li>
    <li id="RW1d">Экспертные статьи.</li>
  </ul>
  <p id="iV9G">После этого посмотрели сайты конкурентов в интернете. Надо сказать, что их не так много. Большая часть в поиске – это агрегаторы и крупные туроператоры. Не совсем то, что мы ищем. Но были некоторые сайты, которые предлагали эксклюзивный отдых ОАЭ. У них мы изучили:</p>
  <ul id="Hf8S">
    <li id="daGO">Первый экран: оффер, изображение или видео на первом экране, призыв к действию.</li>
    <li id="HEOg">Структура лендинга: количество экранов, последовательность.</li>
    <li id="rH9G">Структура микро- и макроконверсий на сайте. Проще говоря, какие лид-формы, призывы к действию и кнопки есть на сайте.</li>
    <li id="nVpT">Какие экраны и информация представлена на сайте.</li>
    <li id="kqjA">Интересные дизайнерские решения.</li>
  </ul>
  <p id="1EFJ">После этого сложилась достаточно полная картина, кто наш клиент, как он выбирает турагентство, какие выгоды и преимущества стоит показать на сайте.</p>
  <h2 id="tSuR">Р<strong>азработка прототипа. Редакция №1</strong></h2>
  <p id="7wFw">Когда мы подошли к этапу разработки прототипа, то уже понимали, на какие продающие смыслы делать акцент, в какой последовательности их показать, как нам выделиться на рынке, какое предложение заинтересует ЦА.</p>
  <p id="6evA">Была еще одна важная и в каком-то смысле непростая задача – структура, дизайн, подача лендинга должны были с первого экрана показывать, что это продукт премиум-сегмента.</p>
  <p id="yR1R">Шрифты, цвета – все это остается на откуп дизайнеру. Но на этапе прототипа нужно заложить идею, как разместить всю информацию на сайте без перегруза. Какую анимацию и инфографику использовать, чтобы лендинг выгодно выделялся среди аналогичных продуктов?</p>
  <p id="Ddvv">На этом этапе мы рисуем не только прототип главной страницы, но и все pop up, страницу «спасибо», формы заявки, квизы.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="NCHd" class="m_original">
      <img src="https://img4.teletype.in/files/f0/eb/f0ebf637-2c73-4786-b9f9-4c14b64400b0.jpeg" width="1318" />
      <figcaption>Смысловой прототип сайта – важный этап разработки лендинга, на котором закладываются маркетинговые продающие смыслы, заголовки, УТП, оффер, текст</figcaption>
    </figure>
  </section>
  <p id="MR2J">Ниже несколько экранов прототипа.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="2arj" class="m_original">
      <img src="https://img1.teletype.in/files/87/c4/87c4d573-90e7-4d49-96f9-6aa059e64d54.jpeg" width="1810" />
      <figcaption>Первый экран лендинга «Индивидуальные туры ОАЭ», пример прототипа</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="7hEm" class="m_original">
      <img src="https://img2.teletype.in/files/90/a1/90a14850-f536-4d6b-bd70-f1ddf888b6e9.png" width="1810" />
      <figcaption>Пример прототипа сайта, один из экранов</figcaption>
    </figure>
  </section>
  <p id="w0gi"><strong>Первая редакция прототипа была построена по классической структуре. Ниже ее описание.</strong></p>
  <p id="DGyj">Первый экран с ярким оффером, который должен сразу заинтересовать клиента, чтобы он захотел изучить подробности предложения, а лучше – оставил заявку.</p>
  <p id="2ZS7">Далее идут экраны, которые раскрывают преимущества и выгоды продукта. Мы делаем акцент на сервисе и индивидуальном подходе. И здесь была сложная задача – показать, что мы не просто обещаем «индивидуальный подход» и «лучший сервис», а действительно делаем это. И донести всю глубину клиентоориентированности до аудитории помогают конкретные смыслы, изображения, видео и дизайн в целом.</p>
  <p id="kUWA"><strong>Мы показали реальные случаи, которые происходили с туристами. Например:</strong></p>
  <ul id="crmU">
    <li id="ZAot">Если турист хочет увидеть, как выглядит вход в воду, то турагент свяжется с отелем и попросить сделать фото и отправит их.</li>
    <li id="iJGg">Турист улетел с девушкой на Мальдивы. Хотел сделать предложение, но забыл кольцо дома. Успели доставить кольцо из России в отель, пока туристы были на Мальдивах.</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="xwEC" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeSlIASv8wPJWdZ5qQd9obvDEMupcMntdiV1ZtJik-IWJM1yxtl4K5372P06uHeFh-TXusUisHAAMMNkBzbb-Eck93BToR4Qn87TlWSDgx7GNFID0NCpe-4TBgb4v3kqlyJaatMrg?key=8EtEzf0RAIWnlusMeP6MOhll" width="602" />
      <figcaption>Показываем сервис и клиентоориентированность на реальных примерах вместо общих слов</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <blockquote id="jZ1U"><em>Такие моменты сложно придумать специально, и они ярко показывают, насколько клиентоориентированный подход у компании.</em></blockquote>
  </section>
  <p id="c7qp">Второй важный критерий выбора для ЦА – тур должен полностью отвечать запросам клиента. Для этого мы показываем, что можно собрать отдых буквально по крупицам, изменить и подобрать практически все – идеальное жилье, пляж, перелет, трансфер, программу отдыха и т.д.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Vk8n" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc2nvALZF3SOyEGBCRA0uQguYS71m2TO9UF9a2ok0tTc9I7TLY7CKnzsv-P4RJfsOytFStQoKlL8hbyQZE4FX9-FzG7hpjQZvLXgC77GKFJcPCW7ujDUbYucM-nrxy4rHBNBlCERA?key=8EtEzf0RAIWnlusMeP6MOhll" width="532" />
      <figcaption>Расписываем все особенности тура, какие параметры можно выбрать</figcaption>
    </figure>
  </section>
  <h2 id="odcx">Обратная связь от клиентов турагентства</h2>
  <p id="Rtgx">Когда первая редакция прототипа была почти разработана, маркетолог проекта получил обратную связь от клиентов турагентства, но на другой сайт – туры на Мальдивы.</p>
  <p id="s4iE">Изучив отзывы от клиентов, мы открыли для себя ряд интересных и неожиданных моментов. Раскрою основные тезисы, которые мы взяли для доработки лендинга.</p>
  <p id="SqTm"><strong><em>«Не хватает описания. Хочется подробнее прочитать, что такое Fast track, BlackJet и другие допуслуги»</em></strong></p>
  <p id="hNHF">До этого даже у нас в голове сидел стереотип, что в премиум-нишах надо быть осторожнее с текстом – можно легко перегрузить им сайт. Поэтому старались минимизировать количество текста.</p>
  <p id="hyjl">Но если подумать, то действительно: предприниматели, которые готовы платить много, сначала все досконально изучают. Либо это делают их ассистенты. Они не будут покупать наобум и только из-за красивых картинок.</p>
  <p id="5SHb">В результаты мы добавили на сайт описание разных типов отдыха и допуслуг. Но текст «спрятали» – он будет появляться при наведении или клике мышкой.</p>
  <p id="IpGk"><em><strong>«Сайт «пластиковый», не вызывает доверие»</strong></em></p>
  <p id="qXpK">напомню, что клиент смотрел уже готовые старые лендинги компании, сделанные другими специалистами. На них были использованы стоковые изображения. <strong>Сегодня базовое требование ко всем сайтам – этонужны качественные, живые фотографии.</strong></p>
  <p id="7SkD">Конечно, мы сразу планировали учесть на этапе дизайна вопрос с изображениями. Всегда используем только живые фотографии, которые передают эмоции и смыслы и не «удешевляют» лендинг. Сегодня это базис для любого сайта, и уж тем более, когда речь идет о продаже на высокие чеки.</p>
  <p id="oBKi">Чтобы придать сайту больше «жизни», дополнительно добавили фото рабочего процесса из офиса.</p>
  <p id="BT7g"><strong><em>«Доказательства экспертности спрятаны внизу»</em></strong></p>
  <p id="Si3o">Вот это стало для нас неожиданностью. В большинстве проектов мы сначала расписываем выгоды и конкурентные преимущества продукта, а ниже идет блок про компанию, сотрудников, опыт и регалии.</p>
  <p id="arO4">Но здесь мы не учли, что экспертность travel-специалистов – это и есть то самое конкурентное преимущество, из-за которого туристы предпочитают именно это турагентство, а не другое.</p>
  <p id="mfiV">Цитата от туриста, который давал обратную связь по сайту:</p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <blockquote id="zbbe"><em>Важна подтвержденная экспертность, которую я могу получить. Как человек принимает решение, почему с вами связываться, почему время тратить? Ваши награды и премии – это работает. На 1-2 экране должны быть пруфы, почему я могу вам доверять, почему вы круче, чем другие</em></blockquote>
  </section>
  <h3 id="SP6X">Разработка прототипа. Редакция №2</h3>
  <p id="4SoF">На основе обратной связи от ЦА мы сделали вторую редакцию прототипа. Основное отличие – отзывы, регалии и информацию о сотрудниках турагентства подняли повыше.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="sGHk" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfSKMjiHZdBiJnOE_k2rvBLF5-JqvVCO6j14jXkBmUuqQWHKTuqigxCzGgkdIpKz4Go0k6VfLJViuV02hh9WC3sYeUSA0ST6be2mClyGrWjiOB4G3GdQfeHl2npdgxAS6sGLiNL?key=8EtEzf0RAIWnlusMeP6MOhll" width="610" />
      <figcaption>Первый экран лендинга «Индивидуальные туры в ОАЭ»</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="CWsD" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfzT8MpE1V6gKNhbksIxlCWme8fy8RnLe84Ps9wk4g06CCFSlzntN4jvyuycFYHRg-zWQX-okDThub0Z_2LmtHT8rGIcaA4_4n_bxezY37rhTEn-C7QAERQz7rSbo53M0gXkw9H?key=8EtEzf0RAIWnlusMeP6MOhll" width="607" />
      <figcaption>Отзывы – один из эффективных способов показать холодной аудитории, что вашей компании можно доверять </figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="v5OY" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdsgbOaZAWuyOJi8UgAP63-o9Hl06_6WVY5yMhSMXSikA6c0qLxhSL5ewkdXWMQKBHf3SxK5w3bh8PRN94mBZWrMLvKhKbSS33eVo1Fiz5G1FDtC1tjJlmU_9HRdkEQgSYuKQGd_g?key=8EtEzf0RAIWnlusMeP6MOhll" width="602" />
      <figcaption>Регалии и достижения турагентства важны для доказательства экспертизы и надежности компании</figcaption>
    </figure>
  </section>
  <p id="fcvF">При этом было важно не «переборщить», чтобы не получить следующую картину: посетитель заходит на сайт и три-четыре экрана подряд читает про компанию, экспертизу специалистов и ни слова о самой услуге. Он устает и уходит, так и не дойдя до экрана, где мы рассказываем непосредственно о турпродукте.</p>
  <p id="g1kJ"><strong>Поэтому логика построения лендинга во второй редакции была такой:</strong></p>
  <ul id="EZNL">
    <li id="hi4g">Максимально цепляющий первый экран. В заголовке мы раскрыли выгоду, в подзаголовке – уникальность, в буллитах – сегментировали ЦА через чек, показали высокую экспертизу и сервис. В качестве призыва к действию предлагали получить в WhatsApp подборку подходящих туров.</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ssKh" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfSKMjiHZdBiJnOE_k2rvBLF5-JqvVCO6j14jXkBmUuqQWHKTuqigxCzGgkdIpKz4Go0k6VfLJViuV02hh9WC3sYeUSA0ST6be2mClyGrWjiOB4G3GdQfeHl2npdgxAS6sGLiNL?key=8EtEzf0RAIWnlusMeP6MOhll" width="620" />
      <figcaption>Продающий первый экран должен с первых секунд цеплять внимание клиента – сначала визуалом, а затем – текстом (выгодами, преииуществами, особенностями, конкурентным оффером)</figcaption>
    </figure>
  </section>
  <ul id="v4m6">
    <li id="7PAg">Если говорить про визуал первого экрана, то он тоже был со своими фишками. Вместо изображения мы смонтировали видео, которое переносит аудиторию в атмосферу отдыха ОАЭ (видео – в начале статьи). Учли и технический момент, чтобы видео быстро грузилось. <br /><br />Под буллитами у нас идет бегущая строка с отелями. На фото можно нажать, и появится поп-ап – информация про отель с актуальными ценами.</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="2GhS" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe3GH4xJGaFn7inNrRORk5BWWV0kvEE_zcbMxpL7FVSCr59JlgdlvK8FF9AjZGytEswxjj61FnA0BQkg_-KKvm8RQhVHaOxrr4fi4WWTrDNRXyeN4AkQD4M9_ZqIIcy0ynZCsxpIQ?key=8EtEzf0RAIWnlusMeP6MOhll" width="622" />
      <figcaption>Добавили под буллиты на первом экране бегущую строку с популярными отелями. По клику открывается тур в отель с актуальными ценами</figcaption>
    </figure>
  </section>
  <p id="Mnbb">Ниже идут два экрана, которые подтверждают экспертизу турагентства:</p>
  <ul id="VUjv">
    <li id="uo7O">Отзывы от туристов.</li>
    <li id="7wC5">Достижения и регалии компании.</li>
  </ul>
  <p id="gZBQ">Далее мы раскрываем мысль «Полностью соберем тур под ваш запрос». В нем расписываем наиболее популярные запросы туристов.</p>
  <p id="muRo">Следующий экран – акцент на клиентоориентированном подходе. Об этих двух экранах рассказывали выше – первой редакции прототипа.</p>
  <h3 id="KCt0">Еще несколько «фишек» лендинга</h3>
  <p id="Gy9c">На экранах с сотрудниками показали опыт работы, какие отели, достопримечательности и парки развлечений ОАЭ посетили. Для каждого специалиста прописали фразу-«фишку», в чем его уникальность. Например:</p>
  <ul id="72QT">
    <li id="Ij0Q">«Организую роскошный тур на частном самолете»</li>
    <li id="TcY9">«Составлю увлекательный туристический маршрут по пяти знаменитым паркам развлечений ОАЭ».</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="oBRb" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfVZesAaUY2VVixlW-gelPx4FBNgwLvxn7sBOjKRa4rWCP7qoxEzoPGNAyxN5jtZAcfSuQSNLhzOjOjEEIpFctjw9Ai1malU72C2nD4WqlyJE1aInbX3oyRUH38mIcb2S7sk9vv3w?key=8EtEzf0RAIWnlusMeP6MOhll" width="600" />
      <figcaption>На сайте показали, что в команде есть специалисты, которые неоднократно посещали ОАЭ, знают особенности страны, разных отелей и достопримечательностей</figcaption>
    </figure>
  </section>
  <p id="7ADV">Добавили экран «ТОП-отелей ОАЭ среди туристов». Это решение было принято, т.к. аналогичная информация присутствует у всех конкурентов-агрегаторов в поиске. Это облегчит туристам выбор и, возможно, их взгляд зацепится на сайте за знакомое название отеля.</p>
  <p id="2SMN">В конце лендинга мы раскрываем:</p>
  <ul id="Ct3N">
    <li id="zolq">дополнительный сервис;</li>
    <li id="decp">виды досуга в ОАЭ, которые может организовать;</li>
    <li id="K0KV">информацию о компании;</li>
    <li id="lbYS">фотографии с отдыха туристов;</li>
    <li id="s5zv">выгоды раннего бронирования.</li>
  </ul>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="JQuH" class="m_original">
      <img src="https://img1.teletype.in/files/c6/2c/c62c0795-2b74-4fd5-9584-23dffcb7d6eb.jpeg" width="3740" />
      <figcaption>Добавили на лендинг экран «ТОП-отелей ОАЭ»</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Pl98" class="m_original">
      <img src="https://img1.teletype.in/files/02/57/025728de-ca1b-4408-9cfa-407a36ce9d7d.jpeg" width="3740" />
      <figcaption>Раннее бронирование у клиента было не в приоритете. Но анализ ЦА показал, что достататочно большой процент туристов предпочитает покупать туры заранее</figcaption>
    </figure>
  </section>
  <h2 id="KXAg">Премиум-дизайн для лендинга: особенности</h2>
  <p id="k8ZX">В дизайне мы отошли от фирменного стиля компании и сделали условно «белый лендинг», без кричащих цветов. Заказчик предложил пойти в сторону стильного минимализма. Но при этом важно было не превратить сайт в простую статью с картинками.</p>
  <p id="uasW">Наличие красивых пляжей в туре – одно из главных пожеланий клиента, поэтому в качестве акцентного цвета выбрали лазурный – для кнопок, иконок и частично для заголовков.</p>
  <p id="lXgB">Минимализм в дизайне – это хорошо, а еще лучше, когда его дополняет простая понятная анимация:</p>
  <ul id="HwPD">
    <li id="4SNj">мягко привлечет внимание смотрящего;</li>
    <li id="VgiL">подсветит нужную фразу там, где это важно показать;</li>
    <li id="PaVZ">просто вызовет интерес и порадует глаз;</li>
    <li id="IAfu">продлит время нахождения клиента на сайте.</li>
  </ul>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <blockquote id="wyD9"><em>На нашем лендинге некоторые тексты и изображения мы показываем при наведении курсора. Причем пропустить эти движения почти невозможно. А значит человек как минимум остановится в конкретном блоке и поводит мышкой, а в идеале вовлечется во все наши «тексты».</em></blockquote>
  </section>
  <p id="mha7">Туры дорогие, и мы не раз перебирали изображения, чтобы попасть в ассоциации нашей целевой аудитории.</p>
  <p id="Yl75">Добавили интересную фичу. На втором экране бегущей строкой пустили отели. Если кликнуть на картинку, открывается pop-up окно с описанием гостиницы и динамической ценой, которая обновляется и актуальна в любой день.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="n6dZ">В очередной раз мы нашли баланс между красотой и умными текстами. Обходимся без назойливых триггеров, громких пустых обещаний и самых красивых цветов радуги. Именно баланс дает хороший результат нашим заказчикам – стильный, интересный и понятный инструмент для прибыли.</p>
  </section>
  <h2 id="Z7cO">Результаты запуска</h2>
  <p id="Zw2L">Маркетолог запустил рекламу на лендинг. Первые результаты были далеки от ожидаемых. Посмотрели Метрику и Вебвизор:</p>
  <ul id="P2D1">
    <li id="EesB">Отказов мало.</li>
    <li id="7zaK">Посетители проводят на сайте много времени – больше 1 мин. По Вебвизору видно, что они внимательно изучают лендинг – не просто скроллят, а читают, рассматривают изображения и изучают отзывы.</li>
    <li id="4uic">Более 40-50% долистывают лендинг до конца (а он длинный – 21 экран). Редко такое наблюдаем.</li>
  </ul>
  <p id="F3XV">На сайт однозначно приходит наша ЦА. Им интересно наше предложение. Сложилось впечатление, что не хватает на сайте какой-то «дожимающей» детали.</p>
  <p id="dEOr"><strong>Что решили делать, чтобы увеличить конверсию сайта?</strong></p>
  <ul id="FAJW">
    <li id="Gbtq">Изменить название компании.</li>
  </ul>
  <p id="xx8D">В исходной версии мы сознательно уходили от упоминания известной турфирмы CoralTravel Elite Service и использовали второе название турагентства PlaneTop. Это было критично для клиента.</p>
  <p id="fEef">Сейчас решили проверить гипотезу, что известное имя и репутация помогут склонить клиентов к целевому действию.</p>
  <p id="2m0f">Возможно, посетители сайта не решаются оставить заявку, тк никогда не слышали про это турагентство. А речь идет о серьезном чеке – полмиллиона рублей и выше. Оставлять такие деньги ноунейм компании – решится не каждый.</p>
  <ul id="a5bK">
    <li id="kuLw">Изменить оффер на главном экране. Теперь его изюминка – VIP-трансфер бесплатно. Подарки все любят – вне зависимости от уровня дохода.</li>
    <li id="KOEJ">Пустить строку с динамическими ценами на конкретные туры.</li>
  </ul>
  <p id="pmjS">Заявки приходят, но тестирование гипотез продолжается. Хочется получить конверсию выше.</p>
  <p id="tNsk">Если вам нужен имиджевый сайт с акцентом на маркетинг и авторским дизайном, <a href="https://t.me/studiolend" target="_blank">пишите в Telegram</a>. Обсудим вашу задачу и предложим оптимальное решение. Подписывайтесь <a href="https://t.me/first_marketolog" target="_blank">на Telegram-канал</a> и этот блог – будем делиться полезными материалами по маркетингу, дизайну и продающим сайтам.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/JjnMFVySLbi</guid><link>https://teletype.in/@studiolend/JjnMFVySLbi?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/JjnMFVySLbi?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Конкурентный анализ: что это, для чего нужен, какие сервисы использовать</title><pubDate>Mon, 11 Nov 2024 08:44:12 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/32/d2/32d2529c-ca50-4d75-a7ea-585b06b3c890.png"></media:content><category>Маркетинг</category><description><![CDATA[<img src="https://img3.teletype.in/files/69/95/6995819e-3499-48e4-9c0b-0d53b018419c.png"></img>В статье ответим на главный вопрос: как узнать, какими инструментами конкуренты привлекают потенциальных клиентов, взаимодействуют с ними, удерживают и превращают в постоянных покупателей. А также на два дополнительных: на что обратить внимание при изучении конкурентов; какие сервисы помогут собрать нужную информацию.]]></description><content:encoded><![CDATA[
  <p id="bYJG">В статье ответим на главный вопрос:<strong> как узнать, какими инструментами конкуренты привлекают потенциальных клиентов, взаимодействуют с ними, удерживают и превращают в постоянных покупателей. </strong>А также на два дополнительных: на что обратить внимание при изучении конкурентов; какие сервисы помогут собрать нужную информацию.</p>
  <p id="ElTJ">Конкурентный анализ – маркетинговое исследование конкурентов, которое позволяет понять их стратегию маркетинга:</p>
  <ul id="O5IT">
    <li id="Lzqd">Как они привлекают клиентов</li>
    <li id="HNKu">Как они взаимодействуют с клиентами</li>
    <li id="4n0a">Как они превращают заявки в продажи</li>
    <li id="eNQ6">Как они удерживают посетителей, прогревают их и превращают в лояльных клиентов</li>
  </ul>
  <p id="YN39">Примерное содержание конкурентного анализа представлено на скриншоте ниже. Оно будет меняться в зависимости от ниши и может быть дополнено другими разделами при наличии специфических запросов от клиента.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="lMgb" class="m_custom">
      <img src="https://img1.teletype.in/files/c3/18/c318573f-9c51-4c4d-97b4-62e5262566d9.png" width="1900" />
      <figcaption>Примерное содержание конкурентного анализа</figcaption>
    </figure>
  </section>
  <p id="4Jqh">После изучения основных конкурентов – лидеров отрасли, вы сможете понять, какие маркетинговые инструменты для вашего бизнеса будут эффективными, а на какие – пока не стоит тратить время. </p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="edZX" class="m_original">
      <img src="https://img4.teletype.in/files/f3/b6/f3b644b0-7919-4def-86a7-4e69819f2cc1.png" width="2892" />
      <figcaption>Выводы по конкурентному анализу и разделам</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="XvjC" class="m_original">
      <img src="https://img3.teletype.in/files/a6/76/a676c882-3ccf-4952-9d0e-f81589b9c26f.png" width="2892" />
      <figcaption>Выводы по конкурентному анализу и разделам</figcaption>
    </figure>
  </section>
  <h2 id="BqjM">Кого из конкурентов взять для анализа?</h2>
  <p id="QLi6">Здесь можно использовать несколько принципов:</p>
  <ul id="lTxw">
    <li id="CKVo">Основное правило – достаточно подробно изучить 2-3 конкурентов – лидеров отрасли.</li>
    <li id="Y9DG">Дополнительно можно добавить компании, о маркетинге которых лично вам хотелось бы узнать больше.</li>
    <li id="4uhX">Учитывайте, какой у вас бизнес (онлайн или офлайн), географию и средний чек.</li>
    <li id="dK6C">Конкуренты могут быть прямыми и косвенными. Первые – предлагают такой же продукт, как и вы. Косвенные конкуренты предлагают клиентам альтернативные варианты решения проблемы.</li>
  </ul>
  <p id="8nRK">Например, вы организуете поездки на Байкал. Можно выделить следующие группы конкурентов:</p>
  <ul id="v3mR">
    <li id="fdqR">Агрегаторы для самостоятельных путешественников. Клиент может сам составить маршрут купить билеты на самолет, забронировать отель, заказать трансфер и экскурсии.</li>
    <li id="sWoy">Туристические агентства, которые организуют туры по России и миру.</li>
    <li id="5VHc">Агентства, которые специализируются на путевках на Байкал.</li>
  </ul>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="7gbn" class="m_original">
      <img src="https://img3.teletype.in/files/ef/f8/eff8d876-5d28-40e4-8039-5bfd73868816.png" width="1580" />
      <figcaption>Если не знаете, кто ваш конкурент, воспользуйтесь поиском</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="giBg" class="m_original">
      <img src="https://img2.teletype.in/files/13/8d/138d5510-c2d2-47cf-9202-f36d0427c54a.png" width="2472" />
      <figcaption>На этом сайте можно сравнить туры на Байкал от разных компаний</figcaption>
    </figure>
  </section>
  <p id="t3Ui">Когда вы составите список конкурентов, рекомендую сразу подготовить таблицу с информацией: компания, адрес сайта, аккаунты в социальных сетях, на видеохостингах, Telegram-канал.</p>
  <h2 id="nSAe">Когда конкуренты начали свою работу в интернете</h2>
  <p id="oGW5">Первый пункт, который изучаем – в каком году у конкурентов появился сайт. Для этого используйте бесплатный сервис web.archive.org. Он покажет, когда и сколько обновлений сайта было.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Ylij" class="m_original">
      <img src="https://img3.teletype.in/files/2b/3b/2b3b6c05-387e-4ca7-a770-2b81fedec512.png" width="2474" />
      <figcaption>Один из самых популярных агрегатов авиабилетов обновлялся 14 809 раз</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="TbX2" class="m_original">
      <img src="https://img3.teletype.in/files/a6/a8/a6a8daec-e652-47ee-8eaf-6ae813a5c5da.png" width="2176" />
      <figcaption>Можно посмотреть, как выглядел сайт компании раньше, например в 2014 году</figcaption>
    </figure>
  </section>
  <p id="0Aqg">Для чего вам пригодится эта информация? Сможете понять, как менялось позиционирование и продуктовая линейка компании, когда были всплески интернет-активности, как развивалась компания в интернет-пространстве.</p>
  <h2 id="rVt0">Как конкуренты привлекают клиентов</h2>
  <p id="GWeq">Это самый изучаемый и самый интересный для многих клиентов раздел. С помощью специальных сервисов мы анализируем, сколько трафика приносят на сайт разные инструменты:</p>
  <ul id="hbq0">
    <li id="dvwe">ссылки на внешних сайтах;</li>
    <li id="R7ee">поисковый SEO маркетинг;</li>
    <li id="i0sX">платная реклама;</li>
    <li id="Q2Fs">социальные сети;</li>
    <li id="bELG">почтовые рассылки.</li>
  </ul>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="txvC" class="m_original">
      <img src="https://img1.teletype.in/files/06/44/0644d6d5-ad75-4c7f-9052-45a0d6ff9bcf.png" width="3360" />
      <figcaption>Процент трафика на сайт из разных источников</figcaption>
    </figure>
  </section>
  <p id="1SG4">Эту информацию можно получить с помощью сервисов <a href="https://pr-cy.ru/?ref=690826" target="_blank">Pr-cy</a> или <a href="https://www.similarweb.com/ru/" target="_blank">Similarweb</a>.</p>
  <p id="5pka">Полученные данные наглядно демонстрируют, на какие источники трафика делают упор лидеры рынка и отстающие компании, и что из этого приносит хороший результат. Также можно взять на заметку инструменты, которые мало кто из конкурентов использует, и проверить их эффективность.</p>
  <p id="tOfX">О чем может говорить большой процент прямых заходов? Например, о том, что основной трафик делают постоянные клиенты, а новых не так уж и много. Посмотрите на компанию №7 и 9. У них было больше всего посетителей, но подавляющая часть – это прямые заходы.</p>
  <p id="trOn">В конце подраздела делаем выводы.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="leWC" class="m_original">
      <img src="https://img4.teletype.in/files/7c/eb/7ceb5a28-359f-4c6e-b6c0-89e8127c9d9d.png" width="3360" />
      <figcaption>Делаем выводы, на какие каналы привлечения клиентов обратить внимание</figcaption>
    </figure>
  </section>
  <h2 id="jId1">Способы привлечения трафика на сайт</h2>
  <p id="VorJ">Когда рассмотрели общую картину, как конкуренты привлекают клиентов на сайт, приступаем к подробному изучению каждого инструмента.</p>
  <h3 id="Wo2O">Поисковый трафик SEO</h3>
  <p id="vWg4">Органический трафик был и остается одним из самых эффективных способов получения лидов в b2b-сегменте. Он приводит более лояльных и платежеспособных клиентов, чем контекстная реклама. С помощью тех же сервисов (<a href="https://pr-cy.ru/?ref=690826" target="_blank">Pr-cy</a> или <a href="https://www.similarweb.com/ru/" target="_blank">Similarweb</a>) мы смотрим количество органического трафика, количество запросов в ТОП-10 и ТОП-50.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="0GrP" class="m_original">
      <img src="https://img2.teletype.in/files/53/93/539330cd-0527-4278-ade4-7bac71475f8b.png" width="3360" />
      <figcaption>Анализируем успехи конкурентов в поисковом маркетинге SEO</figcaption>
    </figure>
  </section>
  <p id="W1R2">Здесь хочется поделиться практическими наблюдениями: компания 2 – один из лидеров отрасли. Они давно занимаются SEO-продвижением сайта. Это бьется с данными таблицы.</p>
  <p id="iYIv">В этом же разделе рассматриваем, кто и как ведет блог, с какой периодичностью выкладывают статьи, на какие темы пишут.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ZQer" class="m_original">
      <img src="https://img4.teletype.in/files/bb/63/bb6377df-15de-4796-a061-ac71eb521788.png" width="3360" />
      <figcaption>Анализируем, как другие компании в отрасли ведут блог</figcaption>
    </figure>
  </section>
  <p id="qGVy">И в конце раздела снова делаем выводы.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="WOsc" class="m_original">
      <img src="https://img2.teletype.in/files/d8/7c/d87c58db-f2ab-411c-88e0-fb045d5e4e71.png" width="3360" />
    </figure>
  </section>
  <p id="vRSF">Аналогичным образом проходимся по всем остальным способам привлечения трафика на сайт. Для примера рассмотрим анализ платной рекламы.</p>
  <h3 id="FWaG">Платная реклама: контекстная и РСЯ</h3>
  <p id="TI0K">В данном разделе рассматриваем контекстную рекламу и рекламу в РСЯ (если вы работаете на зарубежном рынке, анализируйте Google Ads).</p>
  <p id="t6WP">Изучить контекстную рекламу конкурентов поможет сервис Spywords. С его помощью вы узнаете количество запросов в контексте и количество уникальных объявлений. На остальные показатели смотреть не стоит, тк они не имеют ничего общего с реальными данными.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ZZhi" class="m_original">
      <img src="https://img3.teletype.in/files/ed/98/ed9808a5-bd53-401e-ad13-15bbe1582cd8.png" width="3341" />
      <figcaption>Данные по контекстной рекламе из сервиса Spywords</figcaption>
    </figure>
  </section>
  <p id="MGzg">А с помощью сервиса keys.so можно найти еще больше данных по контекстной рекламе: заголовок, описание, на какую страницу приземляют трафик, регион показов, количество запросов.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="9TqA" class="m_original">
      <img src="https://img4.teletype.in/files/7f/49/7f49efc9-9a04-4c31-beee-eacb22766ef5.png" width="3080" />
      <figcaption>Контекстная реклама конкурентов: сервис keys.so</figcaption>
    </figure>
  </section>
  <p id="z0RB">С помощью этого же сервиса можно посмотреть, как выглядят объявления в РСЯ.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="rG2J" class="m_original">
      <img src="https://img3.teletype.in/files/ae/3c/ae3c7dff-f502-46f3-a17c-e5fd62f51159.png" width="2858" />
      <figcaption>Пример выдачи рекламы РСЯ, сервис keys.so</figcaption>
    </figure>
  </section>
  <p id="F92E">После изучения всех источников привлечения трафика даем клиенту рекомендации, что и как делать для увеличения входящего трафика на сайт.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="IsJa" class="m_original">
      <img src="https://img4.teletype.in/files/7c/3b/7c3bbe78-5123-4209-a26d-f4a0d57f0fc8.png" width="3430" />
      <figcaption>Выводы по привлечению: какие инструменты использовать, чтобы получить больше трафика на сайт</figcaption>
    </figure>
  </section>
  <h2 id="SGpP">Вовлечение и конвертация</h2>
  <p id="fFT9">В этот разделе изучаем, как компании взаимодействуют с клиентами на сайте и вне его, как мотивируют оставлять заявки, и конвертируют их в продажи.</p>
  <p id="tw7b">Анализируем сайт по параметрам:</p>
  <ul id="CfNi">
    <li id="5VMV">Скорость загрузки сайта, сервис pagespeed</li>
    <li id="TZGM">Поведенческие показатели, сервис <a href="https://pr-cy.ru/?ref=690826" target="_blank">Pr-cy</a></li>
    <li id="cqdo">Инструменты взаимодействия с посетителем, анализируем вручную</li>
  </ul>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="JCor" class="m_original">
      <img src="https://img4.teletype.in/files/f5/6f/f56f3eff-c946-4279-9581-392855753db7.png" width="3458" />
      <figcaption>Скорость загрузки сайта со смартфона и компьютера</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="XF7b" class="m_original">
      <img src="https://img2.teletype.in/files/92/51/92516c9b-f0f0-493e-8ad4-6acd07ed1208.png" width="3458" />
      <figcaption>Сколько времени проводит посетитель на сайте, показатель отказов и глубина просмотра</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="XEnW" class="m_original">
      <img src="https://img3.teletype.in/files/28/1f/281f95c3-3915-45a7-a803-b2d430c32e5f.png" width="3458" />
      <figcaption>Способы взаимодействия с клиентами на сайте</figcaption>
    </figure>
  </section>
  <p id="0t6A">Завершаем подраздел выводами и рекомендациями.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="4Ycm" class="m_original">
      <img src="https://img3.teletype.in/files/e6/42/e642615b-de47-4abf-ab4d-c2da6e57b0c5.png" width="3458" />
      <figcaption>Выводы, как компании взаимодействуют с клиентами на сайте</figcaption>
    </figure>
  </section>
  <h3 id="FCn3">Услуги и карточки товаров</h3>
  <p id="EJMg">После этого следует изучить, какие услуги предлагают конкуренты, кроме основной. Например, если компания занимается продажей оборудования для салонов красоты, отдельной услугой может быть «Салон красоты “под ключ”», «Установка, ремонт и настройка оборудования», «Изготовление профессиональной мебели» и т.д.</p>
  <p id="7ezv">Если на сайте продают оборудование, необходимо изучить:</p>
  <ul id="7JTu">
    <li id="W8D9">как оформлен каталог;</li>
    <li id="RLhY">как выглядит карточки товаров;</li>
    <li id="8Z2G">есть ли возможность сравнить несколько продуктов;</li>
    <li id="dM0N">можно ли получить онлайн-помощь консультанта и т.д.</li>
  </ul>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="6XRr" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdlCnNhSVbbL0qLKxaFjvlzxNMC9l1pwgUnUtxn4OtgHNDlIMVtwcySoMsAW_2qgWEzROTgQd0SA5IqPjPTTH33gd38X7C5b97ymqOHH63Y7WPB_uoQvrwdSSx93Wq1lRHXxJkw?key=b59D6COMHrql-DwOu8jSojIz" width="642" />
      <figcaption>Выводы, как оформлен каталог и карточки товаров у разных компани</figcaption>
    </figure>
  </section>
  <h3 id="AeNW">Интересный функционал на сайте</h3>
  <p id="Hbeq">Когда будете изучить страницы конкурентов, обратите внимание, какие интересные приемы они используют. Это может быть все, что угодно – необычное оформление каталога, интересная форма заявки, изображение или видео на первом экране, цепляющие анимации и т.д. Отмечайте любые фишки, которые могут, на ваш взгляд, заинтересовать внимание потенциального клиента.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="EYfh" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc1GkZjBB7CPo2QRddS70a54AXXWQHcCCK4-xpQqsll6Sip_ihu3SJW_h23zSb8LhQ72aSsp7bHCwBR3E_d-dc_v5wTxZ5Fe1ACT1LbtBQbPyVoCOMEpJ4EsmVNjopIDrjSsHVeZA?key=b59D6COMHrql-DwOu8jSojIz" width="646" />
      <figcaption>Как конкуренты взаимодействуют и берут контакты у целевой аудитории на сайте</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="mpnv" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd1PztpejaVc7wPjq8tf0J7U3DRRmhuRLv1A3jv4mcxaP71qc-A_BOJYNB6FBBNhg00xsYOt34DKfS8x4rQO73gxFnmsRtHajqaMgfOOYZCFUGNBs0rhSowXNJIA3HMWcbKuIDI?key=b59D6COMHrql-DwOu8jSojIz" width="646" />
      <figcaption>Рекомендации, как клиенту повысить конверсию сайта и увеличить время пребывания пользователя на сайте</figcaption>
    </figure>
  </section>
  <h3 id="NcNs">Позиционирование компаний</h3>
  <p id="OxeN">К этому моменту уже обычно складывается картина, как каждая компания позиционирует себя на рынке. Чтобы посмотреть на вопрос глазами клиента, бегло изучите главную страницу на сайте и страницу «О компании». Ваша задача – понять, как компания заявляет о себе относительно места в отрасли, среди конкурентов, какие ценности пропагандирует и пр. Стоит обратить внимание, как они оформляют информацию – сплошным текстом или выделяют главное, используют буллиты, цифры, изображения.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="3UjK" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdB_jqocjsxd0UuCo4yrd0gK-gQiojimWKINNXqZJ7N2Ft6Lcj88jaRsKKAtIFw3DLROqZz_XuVP2b84QWJ4msCO7rsGOMZKW_qtuq9ZBhFVfGrFQ1XkTvfVJncHOPSh4whyQ-Fmg?key=b59D6COMHrql-DwOu8jSojIz" width="651" />
      <figcaption>Пример позиционирования. Текст вряд ли кто-то будет читать, а инфографику, скорее всего посмотрят</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="14Ov" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc3VxvYCXpOHlKbzlfvoM4M0Rs5ZBEUKQugqbs2aD-TtIgKy1GXI38aOLaZvTH2J9QE3kRn8urN2fF4ZbV8WS6kyfvaN960_ZX7iWwSXnYBrFrKCr-CnsDWm-sXW3ImGabQg0IHPw?key=b59D6COMHrql-DwOu8jSojIz" width="654" />
      <figcaption>В этом примере более удачное оформление текста</figcaption>
    </figure>
  </section>
  <p id="32ix">Раздел заканчиваем фактами и выводами</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="LYWD" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdhSL0N9-i0g0l6GusE-gjccROyuldI12oZopSMRnm4wAmwBB_5HwwoFj0M24DZ7XmzN26p-Cb6940gynMNlgJoQn-_V4hDDiQk6T37Jf8D6_4Beq7kiSS96I9kSAZb4D3DrNt6?key=b59D6COMHrql-DwOu8jSojIz" width="661" />
      <figcaption>Резюмируем, какое позиционирование используют компании-конкуренты</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="LWn6" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcRZv1qQRxQ2RgxjE14kW-fv3LGwpu1uYKbwT5jjI_V8WAAaS8BdZRMneQfb9IbmktQp9CMBSU2bIr_zqYNVSxcbguQ6is-VHkaEsA6fSQX2kevnSVAOap31939ZMvPM1M2EOnT?key=b59D6COMHrql-DwOu8jSojIz" width="660" />
      <figcaption>Выводы и рекомендации, как бизнесу за счет позиционирования выделиться среди конкурентов</figcaption>
    </figure>
  </section>
  <h3 id="bd3t">Брошюры</h3>
  <p id="grU8">Если на сайте можно скачать брошюру, изучите как это работает:</p>
  <ul id="XgRh">
    <li id="PMnJ">Презентация открывается сразу или ее присылают на почту после того, как вы оставили свои контакты?</li>
    <li id="lgRK">Как быстро прислали презентацию?</li>
  </ul>
  <p id="zt0q">Проанализируйте содержание брошюры: это просто каталог или маркетинг-кит, который подталкивает к покупке?</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="K6t2" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfof6K4yarCiApmbevjfCUx4OjRqm9eSp_IKznZKkBXVbUBmqV4MuG2GQvHSl0kYAflsX1Pqh7htZfYzDM1UhEf3ozplBO2My0G_wgdC9V8WQ11JKM9op4a_5flKbvdQ-IMyNSK?key=b59D6COMHrql-DwOu8jSojIz" width="673" />
      <figcaption>Рекомендации по презентации и маркетинг-киту</figcaption>
    </figure>
  </section>
  <h2 id="J3cP">Удержание клиентов</h2>
  <p id="Bc35">В следующем разделе рассматриваем, как компании работают с клиентами. В нашем случае уделяем внимание двум инструментам – email-рассылке и социальным сетям.</p>
  <h3 id="TIpa">Email-рассылка</h3>
  <p id="AdQq">Посмотрите, у кого из компаний на сайте есть форма подписки на email-рассылку. Подпишитесь и зафиксируйте:</p>
  <ul id="e5Rt">
    <li id="XsLx">как выглядит форма подписки, где она расположена;</li>
    <li id="cIx5">как быстро придет первое письмо;</li>
    <li id="AMiT">содержание первого письма;</li>
    <li id="79fz">что будет происходить дальше.</li>
  </ul>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ZVai" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfiTiY9sRvq6GBryVydgFN2kIlYyem027qGPW6kfHmxQJEY8pmnZwCHBibQ71LzYNHqezN0IjfNmcyX8Y-jmvHMFt0OHXGpd5XKsHb0cLVkppod135Bv2PL3JDkHAN_S8yulFu_?key=b59D6COMHrql-DwOu8jSojIz" width="692" />
      <figcaption>Как устроена подписка на email-рассылку у разных компаний</figcaption>
    </figure>
  </section>
  <p id="VzNM">Делаем выводы, как каждая компания работает с подписной базой.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ljue" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfeIOK_-6Z7uCRaY7DFZzQCNM1aRdJ-9zO9-B6jlTXwUs1jqWvRlyZKrTnjuxAuS3OHqb5U17u5vfRpqG18Cc_xNUYACNjHwVTqmdNM5xQcO53ibkFbbwmd1py3XOKDtsErk7cHiw?key=b59D6COMHrql-DwOu8jSojIz" width="693" />
      <figcaption>Ни одна из компаний не прислала приветственное письмо после подписки на email-рассылку</figcaption>
    </figure>
  </section>
  <p id="MvUS">В выводах пишем рекомендации для клиента, насколько актуальна для него будет email-рассылка, как ее настроить и работать эффективно.</p>
  <h3 id="Bxxz">SMM. Социальные сети</h3>
  <p id="53AS">Следующий подраздел – работа компаний в социальных сетях.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="35t1" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfTKEj9TuAqRjmBMlao7_2W1iejRQqtoGIAZ9CpvUWgdTCj-nwy3laTADneV8paybokXABfshLxZIaH6Nx2bVNrMKrRTFefgvLXCgGj9o53AC77ic5SniGM554lO3T5rvtkwnJrrQ?key=b59D6COMHrql-DwOu8jSojIz" width="695" />
      <figcaption>Какие социальные сети ведут конкуренты, и сколько у них подписчиков</figcaption>
    </figure>
  </section>
  <p id="553x"><strong>Необходимо собрать данные:</strong></p>
  <ul id="A1CK">
    <li id="g3uE">в каких социальных сетях представлена компания;</li>
    <li id="l2UW">сколько у нее подписчиков в каждой социальной сети и всего;</li>
    <li id="07v6">периодичность публикации;</li>
    <li id="POoB">темы публикаций;</li>
    <li id="YLX2">активность аудитории.</li>
  </ul>
  <p id="h8jb">Список социальных сетей может отличаться от того, что на скриншоте. Анализируйте те площадки, которые используют компании в вашей отрасли.</p>
  <p id="kXnR">После изучения все показатели сводим все в одну таблице для наглядности.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="otcZ" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeoWc-oB7awQLW80y1DThi7vB4ZL_0k8utsrl5G1S-KcDQ6P0ReL1hbseTAAKMDP60M33SIJixt3UQ-EvDYAQ8mRrb9iwNyg-iR9EOoiFmk8cqXtcgkvDffh6YjxmwxG-F0vv5iPA?key=b59D6COMHrql-DwOu8jSojIz" width="690" />
      <figcaption>Периодичность и тематика публикаций в социальных сетях</figcaption>
    </figure>
  </section>
  <p id="4F79">Предлагаем клиенту рекомендации, стоит ли вкладываться в развитие социальных сетей, как строить стратегию и т.п.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="KL15" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcYLktS2sAs9m5EnTe3lzNJuR85AlnWAMcRad1ll12FD8xR86BvoEOOv0JJACz5looku0ZCL6N5R9AaNWcL2i9pmuwsCgGy1BIqcYUiuJs7CJhNjcMi26QjbOVjoKTfi7A7S-fOZA?key=b59D6COMHrql-DwOu8jSojIz" width="699" />
      <figcaption>Выводы по работе с социальными сетями</figcaption>
    </figure>
  </section>
  <h2 id="b7p4">Выводы итоговые</h2>
  <p id="avQ4">Исследование завершаем итоговыми выводами.</p>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="FHXW" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdH11GTt4Z0paLhP_F_Lpp-fqTq74YDx-EFktXA50wz_6_xHHseuwxVYYnmImq9RoE8Xnh6eZk9ovkeQGHIV58f3k45PuxD2fV95Wnhxk-CARqzotgjMPW1SLpKYn6A0NOpa3NRuA?key=b59D6COMHrql-DwOu8jSojIz" width="704" />
      <figcaption>Выводы по работе с социальными сетями</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(263, 48%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="wsGR" class="m_custom">
      <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdANwbsjtkLJKrUtWuV6JwK7h75uSStUm3dn4A2xV2f29xwjv6nACfe6aXeIjjRoSRVpmUUmFmtO0pZlikTYoeVyvSQtFWaw-dfhkZSW7xmIRW7v28fGi6L8MyTVcrwDY6qgK5zhw?key=b59D6COMHrql-DwOu8jSojIz" width="705" />
      <figcaption>Выводы по исследованию с рекомендациями, как построить маркетинг</figcaption>
    </figure>
  </section>
  <p id="uZWp">Основательное исследование своей отрасли можно сделать один раз, а далее достаточно поддерживать его в актуальном состоянии. Заметили, что у лидера отрасли появилась новая услуга? Внесите эту информацию в исследование. Или если изменились цены, позиционирование, новая акция и др.</p>
  <p id="bXW9">Если остались вопросы, пишите в комментариях или <a href="https://t.me/studiolend" target="_blank">в Telegram.</a></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/hwvXeppgGHw</guid><link>https://teletype.in/@studiolend/hwvXeppgGHw?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/hwvXeppgGHw?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Продающий сайт для презентации ИИ-сервиса</title><pubDate>Thu, 18 Jul 2024 06:56:14 GMT</pubDate><media:content medium="image" url="https://img2.teletype.in/files/5f/33/5f3373d7-78c2-4539-8ceb-727effd74435.png"></media:content><category>Лендинги</category><description><![CDATA[<img src="https://img3.teletype.in/files/26/1a/261a74f9-63fc-4bb5-8177-dfbcca8c57ea.jpeg"></img>Иногда можно сделать современный продающий лендинг даже за 7 дней. Сегодня расскажу об одном таком проекте.]]></description><content:encoded><![CDATA[
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="EecX" class="m_original">
      <img src="https://img4.teletype.in/files/be/9f/be9f1abb-661b-4cba-af92-62132022d538.gif" width="960" />
      <figcaption>Лендинг для презентации маркетологам сервиса на основе искусственного интеллекта</figcaption>
    </figure>
  </section>
  <p id="rvHy">Иногда можно сделать современный продающий лендинг даже за 7 дней. Сегодня расскажу об одном таком проекте.</p>
  <h3 id="dL0v">О клиенте</h3>
  <p id="nBWO">Компания «Формула Трафика», 750 филиалов в 23 странах. Занимается продажей франшизы по открытию IT бизнеса.</p>
  <p id="Csmc">Франшизу покупают предприниматели, которые хотят оказывать маркетинговые услуги бизнесу.</p>
  <h3 id="Uhbi">Продукт</h3>
  <p id="ypc8">Ai Traffic Formula – сервис для маркетологов, который работает на базе искусственного интеллекта. С его помощью можно создавать тексты разного формата, генерировать изображения, запускать рекламные кампании и др.</p>
  <p id="tWp2">Компания «Формула Трафика» разработала этот сервис изначально для своих франчайзи, чтобы они могли эффективнее вести бизнес и больше зарабатывать.</p>
  <h3 id="C3EU">Задача и цели</h3>
  <p id="3fZc">Задача – разработать лендинг сервиса Ai Traffic Formula для презентации франчайзи.</p>
  <p id="GnST">Цель: показать франчайзи, как новый ИИ-сервис облегчит работу и поможет зарабатывать больше.</p>
  <p id="yL93">Я занималась маркетинговым исследованием и разработкой смыслового продающего прототипа. Дизайн и верстку делал специалист заказчика.</p>
  <h3 id="MqZH">Особенности</h3>
  <p id="51aL">Сроки были очень ограничены. Исследование и прототип надо было сделать за 3 дня. А через 7 дней нужен готовый лендинг, т.к. у компании объявлена встреча с франчайзи и презентация продукта.</p>
  <p id="cQsl">Обычно такие срочные задачи в работу не беру. Но здесь тема была очень знакома. До этого я активно помогала запускаться коллеге с продуктом в сфере искусственного интеллекта. И успела хорошо изнутри изучить возможности ИИ, целевую аудиторию и состояние рынка.</p>
  <h2 id="XIHb">Продающие элементы лендинга</h2>
  <p id="sBVi">В разработку прототипа был заложен принцип – на первом экране даем цепляющий оффер. Он должен заинтересовать слушателей настолько, чтобы они захотели посмотреть презентацию до конца.</p>
  <p id="Gn04">Кратко обозначаем, что за продукт, и какие возможности у него есть. А на следующих экранах подробно раскрываем каждый инструмент, его преимущества и пользу для маркетолога.</p>
  <p id="1veY">У этого ИИ-сервиса очень много функций. И если показывать их все, то получится километровый лендинг.</p>
  <p id="rl94"><strong>Поэтому для демонстрации мы выбрали три категории инструментов. Они закрывают:</strong></p>
  <ul id="lv89">
    <li id="724G">самые распространенные задачи маркетологов;</li>
    <li id="22zk">задачи, которые отнимают больше всего времени;</li>
    <li id="YxHg">рутинные операции.</li>
  </ul>
  <p id="tmf6">Это создание текстов разного формата, генерация изображений, работа с рекламной кампанией, транскрибация аудио в текст и озвучка текста голосом.</p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="5SCK">То есть мы делаем акцент на тех инструментах, внедрение которых поможет сэкономить максимум времени и больше заработать.</p>
  </section>
  <h2 id="H7TH">Первый экран</h2>
  <p id="HZzo">Почему выбрали заголовок «Все инструменты ИИ в одном сервисе. Запускайте эффективное интернет-продвижение без технических специалистов»? </p>
  <ul id="RtA3">
    <li id="onOe">Раскрывает пользу сервиса и его конкурентное преимущество – на тот момент сервисов, которые дают доступ ко всем ИИ-инструментам, было мало (по поиску находилось меньше пяти).</li>
    <li id="pcf8">Закрывает сильную боль маркетолога – ему больше не надо искать подрядчиков и переживать, что они пропадут с радаров и сорвут дедлайн.</li>
  </ul>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="bkNy" class="m_original">
      <img src="https://img3.teletype.in/files/ae/f0/aef0c98c-9d98-4e36-ad8b-3b430d19a55b.jpeg" width="3132" />
      <figcaption>Первый экран лендинга с ключевыми выгодами сервиса</figcaption>
    </figure>
  </section>
  <p id="KTcE">Буллиты с ключевыми выгодами:</p>
  <ul id="OsPA">
    <li id="Tr8e">Работает с текстом, изображениями и аудио на базе GPT-4.0 (последняя, самая актуальная версия нейросети).</li>
    <li id="fNxw">Генерируйте рекламные креативы, которые привлекают внимание ЦА.</li>
    <li id="ZCw0">Создавайте цепляющие заголовки и тексты с высокой конверсией.</li>
  </ul>
  <p id="Exdi">В буллитах мы снова обращаем внимание на то, что маркетолог получит эффективный инструмент для интернет-продвижения. Для этого используем фразы «с высокой конверсией» и «привлекают внимание ЦА».</p>
  <p id="WmKj"><strong>То есть главная мысль, которую мы доносим на первом экране лендинга:</strong></p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="7HLO"><em><strong> «Маркетолог, этот сервис избавит тебя от безответственных подрядчиков и поможет запускать эффективное интернет-продвижение быстрее и зарабатывать больше»</strong></em></p>
  </section>
  <p id="A0wE">В качестве целевого действия предлагаем легкий вход – возможность попробовать сервис бесплатно.</p>
  <h2 id="PUd1">Мини-офферы по методике JTBD</h2>
  <p id="BCf3">Методика JTBD предполагает, что мы исследуем и сегментируем ЦА по их потребностям. И каждой категории делаем свой оффер. Например, если квартиру рассматривают как инвестиции, то подойдет оффер «Инвестируйте в наши квартиры и зарабатывайте от 23% годовых». Если же квартиру покупает молодая семья, их привлечет другое предложение «Квартира для молодой семьи в рассрочку без переплаты. Детский сад на 500 мест в 50 м, прямо во дворе»</p>
  <p id="ZDBp">На сайте, по сути, сделали несколько мини-офферов, которые закрывали самые острые потребности маркетологов. Разместили их в заголовках и подзаголовках:</p>
  <ul id="bihw">
    <li id="1zBH">Заменит технических специалистов и в разы ускорит процесс запуска интернет-рекламы. Закрываем боль – сложно найти ответственного специалиста, который качественно и в срок делает работу.</li>
    <li id="KK0h">Запускайте и управляйте рекламными кампаниями в 2-10 раз быстрее и эффективнее. Закрываем боль – как получить больше заявок для бизнеса?</li>
    <li id="aHhq">Настройте и запустите эффективную рассылку по email, соцсетям или мессенджерам. Закрываем боль – как быстро запустить рассылку по разным каналам, чтобы она приносила продажи.</li>
    <li id="mSL9">Поможет дизайнеру найти креативные идеи и быстро создать изображения. А в некоторых случаях заменит его и т.д. Закрываем боли – не могу придумать креативы для рекламы, не могу найти ответственного дизайнера.</li>
  </ul>
  <h2 id="9TOn">Визуальное повествование</h2>
  <p id="72W9">Хотелось донести до аудитории много смыслов и рассказать все преимущества сервиса. Но если расписать просто текстом, то читатель утонет в информации. На помощь пришло визуальное повествование и дизайн.</p>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Qd2R" class="m_custom">
      <img src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcXuiO0wYnf2RQblwdYEa2-Np4n8WyYav2Mi2PWnWrpdewNWPi12nPfZ8cwsotWu61HAW7EcpkqU29m6RFZYv_rWBT_ELKI0I5lQOL8BUJvIyLIjnjmrEgKJSc5TrzbJgzgKT-mXUZ8cxQiFifSaGrwFso?key=r2T-Vg8Gjp4EPKijIGNwFg" width="601" />
      <figcaption>Дизайн подчеркивает выгоды и помогает избежать портянки текста</figcaption>
    </figure>
  </section>
  <p id="n8q9">Большое количество мокапов также помогло сократить количество текста и при этом передать всю ту пользу сервиса, какую хотелось.</p>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="fOpH" class="m_custom">
      <img src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcEyR-EOWiUGDdX5-AdKxW4uewgpqh2Vy9mI0UMf3OcC9RAXovnTaVNJt4qVABIaM1CDOKTKj27EChFhuboUHSTr6I7lMRCm3QssPxePULTRrMZKNEosdQ3nLv8bP3wNyKyQNApYy51HM4Oy4uJdCwufAyZ?key=r2T-Vg8Gjp4EPKijIGNwFg" width="602" />
      <figcaption>Часть смыслов показали через мокапы</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="gMfD" class="m_custom">
      <img src="https://lh7-us.googleusercontent.com/docsz/AD_4nXeqssFDyMHqkNakpK5buWsCZF487CJwodVltVhFxY6CwULEYgpgHIhlzocrCWLQi-FdrkmoGWPGdzEmRAxSwYOQCRoIS_nE8yf0Me9SDcpRbR5ds4ve4ptJtRbggIyoXN00ApcdwCukYdhkL_ZBSOWf6lY?key=r2T-Vg8Gjp4EPKijIGNwFg" width="602" />
      <figcaption>По ходу лендинга предлагаем разные целевые действия</figcaption>
    </figure>
  </section>
  <p id="wsaS">Чтобы избежать портянки текста, использовали стандартные вкладки с мини-навигацией – разделили их по задачам и специалистам. Так каждая категория ЦА быстро найдет нужную информацию.</p>
  <p id="ttzx">Например, СММ-специалист откроет инструменты «Для ведения соцсетей», а функции «Для разработки» ему не нужны – мы не будем грузить его этой информацией.</p>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="PFhb" class="m_custom">
      <img src="https://lh7-us.googleusercontent.com/docsz/AD_4nXfL3MLtJO2cTEfx9gWtf7-fInN4KbKzNkCeyrOAAsCXy2qIyLa2nTDrUsQDAvaz3cCjguDFNQowHK5YUNr9t3vnl9MQ2rmnHxsSTvNW1lEjuYpr3clBXXn2ELw0pcHItWS-50mxZndcaBkiyhDmcSUub8cS?key=r2T-Vg8Gjp4EPKijIGNwFg" width="602" />
      <figcaption>Разделили выгоды по категориям ЦА, чтобы каждый пользователь быстро нашел нужную информацию</figcaption>
    </figure>
  </section>
  <p id="ST9B">Используя перечисленные приемы, мы разместили всю важную информацию для разных категорий ЦА, но лендинг не выглядит «тяжелым» от большого объема текста.</p>
  <h2 id="6ySe">Как еще привлекли внимание ЦА</h2>
  <p id="kwQd">Анализ ЦА показал, какие ключевые неудобства испытывают российские маркетологи при использовании Chat GPT и сервисов на его основе:</p>
  <ul id="tcYB">
    <li id="bghU">Для работы с текстом приходится использовать один сервис, для изображений – второй, для аудио – третий.</li>
    <li id="YkWz">Chat GPT Невозможно оплатить российской картой.</li>
    <li id="xZOu">Для работы Chat GPT нужен стабильный VPN.</li>
  </ul>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="rj4V" class="m_custom">
      <img src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcdYllS8vRexGNmNhMAQJeReUtmGBZraWkkBnHu2iYYn8hKKo3ovDSjIdx1h5n0xoQ2oIU3EPJT5WpUKw0styq-HdDkUK6nEN6crrHnaG67uCRh4yK7pSshO9llE_n_okybzF1ehsYyYjvx4-pspqhqJVI?key=r2T-Vg8Gjp4EPKijIGNwFg" width="602" />
      <figcaption>Экран с конкурентными преимуществами сервиса</figcaption>
    </figure>
  </section>
  <p id="crdB">Эти моменты мы тоже отработали на сайте. Показали, что сервис Ai Traffic Formula одинаково хорошо работает с текстом, аудио и изображениями, без VPN, оплата в рублях.</p>
  <h2 id="H8vE">Как можно повысить конверсию сайта</h2>
  <p id="OyYD">Это новый сервис, и клиент презентовал его в относительно узком кругу – пока только среди своих франчайзи.</p>
  <p id="t09H">Я посоветовала добавить на лендинг отзывы и кейсы, как только они появятся. В случае запуска рекламной кампании это повысит доверие холодной аудитории и положительно скажется на конверсии сайта.</p>
  <p id="tljL">Подписывайтесь на наш <a href="https://t.me/first_marketolog" target="_blank">Telegram</a> и <a href="https://www.youtube.com/@musclelend" target="_blank">YouTube-канал</a>. А если вам нужен современный сайт, который поможет привлекать клиентов, пишите с задачей <a href="https://t.me/studiolend" target="_blank">в Telegram</a>.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/aI8se9BnmbG</guid><link>https://teletype.in/@studiolend/aI8se9BnmbG?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/aI8se9BnmbG?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Лендинг, который за два запуска принес эксперту более 3 млн руб</title><pubDate>Wed, 03 Jul 2024 13:49:49 GMT</pubDate><category>Лендинги</category><description><![CDATA[<img src="https://img2.teletype.in/files/d5/73/d573b9b6-de16-4b14-9035-2ed4261973e5.png"></img>Периодически обращаются другие маркетологи за разработкой прототипов сайтов. В новом проекте была задача разработать лендинг под новый запуск для продукта «Закрытый клуб для фотографов».]]></description><content:encoded><![CDATA[
  <p id="CgKN">Периодически обращаются другие маркетологи за разработкой прототипов сайтов. В новом проекте была задача разработать лендинг под новый запуск для продукта «Закрытый клуб для фотографов».</p>
  <p id="KSmd"><strong>Результаты: Первый запуск принес эксперту 1,2 млн рублей, во второй запуск – уже 2 млн рублей.</strong></p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Nd4E" class="m_original">
      <img src="https://img4.teletype.in/files/fd/45/fd45fe0f-0bfd-45af-84c6-55ba57fcce9d.gif" width="800" />
      <figcaption>Лендинг для запуска «Закрытый клуб для фотографов»</figcaption>
    </figure>
  </section>
  <h2 id="OHCt">О проекте</h2>
  <p id="enn0">Закрытый клуб для фотографов. Основатель – известный фотограф Игорь Цаплин.</p>
  <p id="obNF">Для кого клуб: Новички и действующие фотографы, которые хотят вырасти профессионально и в деньгах. Члены клуба получают знания, которые помогут вырасти в доходе: в области фотографии, продвижения, психологии, мышления, бизнеса и пр.</p>
  <h2 id="QQWH">Задача</h2>
  <p id="UOUc">Разработать лендинг для нового запуска.</p>
  <p id="EHiM">Реклама, в первую очередь, на холодный трафик. Дополнительно будет идти рассылка по подписной базе.</p>
  <h2 id="DSgw">Этапы разработки лендинга</h2>
  <p id="3IvN">Создание продающего сайта строится по проверенному алгоритму:</p>
  <ul id="sqKY">
    <li id="D3CV">Изучение продукта</li>
    <li id="RESh">Маркетинговое исследование: анализ целевой аудитории (ЦА) и конкурентов</li>
    <li id="Emkl">Разработка прототипа с продающей структурой и текстом</li>
    <li id="kcL5">Дизайн-макет</li>
    <li id="SkpF">Верстка</li>
  </ul>
  <h2 id="PlVt">Ключевое про маркетинговый анализ</h2>
  <p id="zRT1">На проекте уже была неплохая маркетинговая база – распаковка продуктов, кастдевы участников клуба.</p>
  <p id="P9Gu">Структурировали данные, дополнительно сделали более глубокий анализ ЦА и посмотрели, есть ли аналогичные продукты на рынке.</p>
  <p id="VFHp">Важно было сегментировать ЦА и понять, что ожидает от продукта каждая категория покупателей: начинающие, средние и матерые фотографы.</p>
  <p id="3vwu">Для новичков на первом месте были технические и фотографические темы «Как поставить свет», «Творческая съемка», «Раскадровка» и пр. Они хотели делать такие же классные фотографии как основатель клуба Игорь Цаплин.</p>
  <p id="jbAJ">Фотографы среднего и продвинутого уровня шли в клуб за мощным комьюнити, связями и увеличением дохода. Для них наиболее актуальными были темы «Как организовать съемку, чтобы клиенты рекомендовали тебя знакомым», «Как выстроить стабильный поток клиентов, которые не говорят &quot;Дорого&quot;» + закрыть пробелы в знаниях по некоторым видам съемки.</p>
  <h2 id="dSLK">В прототип зашили максимум продающих смыслов</h2>
  <p id="QeBX">Использовали логическое и эмоциональное обоснование, почему надо вступить в клуб фотографов.</p>
  <p id="6lIw">Базовый посыл, который транслировали – «В клубе фотографов ты получишь все инструменты, чтобы расти как профессионал и стать коммерчески успешным». Эту фразу мы вынесли на первый экран и раскрывали ниже по лендингу.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="0XkB" class="m_column">
      <img src="https://img2.teletype.in/files/d5/73/d573b9b6-de16-4b14-9035-2ed4261973e5.png" width="2318" />
      <figcaption>На первом экране показываем все самые мощные преимущества и выгоду, чтобы заинтересовать читателя</figcaption>
    </figure>
  </section>
  <p id="bEp1">Еще одна важная мысль – «В клубе построишь стратегию, как зарабатывать на фотографии круглый год». Здесь отсылка к тому, что фотография – сезонный бизнес.</p>
  <p id="uonw">Часто слышу от клиентов «Слишком много текста для первого экрана». Но все решается грамотным дизайном. Посмотрите, как с помощью визуала можно закрыть эту задачу: расставлены цветовые акценты, используются смысловые иконки, между буллитами достаточное количество воздуха. Все это позволяет управлять вниманием читателя. Мы как бы говорим ему «Сначала посмотри сюда, здесь важная для тебя информация».</p>
  <h2 id="2HEf">Социальные доказательства</h2>
  <p id="X4gH">Как проще всего закрыть сомнения потенциальных клиентов? Показать им кейсы и отзывы от таких же фотографов, как они, которые уже вступили в клуб и добились роста в профессиональном и коммерческом плане.</p>
  <p id="1y4p">Сделали акцент на ярких цитатах из отзыва.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="t3eA" class="m_original">
      <img src="https://img4.teletype.in/files/f8/44/f8441858-7501-43ca-bc15-6bf5a3b07605.png" width="2318" />
      <figcaption>Показали в отзывах, каких результатов добиваются участники закрытого клуба</figcaption>
    </figure>
  </section>
  <h2 id="FTIz">Что еще интересного использовали на сайте</h2>
  <p id="5jiG">Чтобы у холодной аудитории было меньше преград, предлагаем легкий вход – демо-доступ в клуб на 1 мес за символическую сумму. По статистике, большинство фотографов остаются в клубе надолго.</p>
  <p id="VKhV">Показали на сайте выжимки из эфиров, примеры экспертных материалов из закрытого клуба и небольшой кусочек чата с мощным комьюнити и заряженной атмосферой.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="ktUo" class="m_original">
      <img src="https://img1.teletype.in/files/48/d4/48d4b7c4-8118-4d06-a1bf-2a28a406a264.png" width="2312" />
      <figcaption>Наглядно показали атмосферу внутри клуба, и какую пользу получают фотографы</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="HerM" class="m_original">
      <img src="https://img2.teletype.in/files/d3/d0/d3d0b904-7b68-4808-ab12-f4075d13b5e4.png" width="2312" />
      <figcaption>Примеры тем, которые разбирают на эфирах в клубе фотографов</figcaption>
    </figure>
  </section>
  <p id="fFqX">На отдельный экран вынесли информацию, какую пользу от клуба получают фотографы разного уровня – новички, средние и опытные.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="wgZ8" class="m_original">
      <img src="https://img3.teletype.in/files/2d/a5/2da58e90-f361-403f-b874-e8b7e10b7108.png" width="2312" />
      <figcaption>Показали, что фотографы любого уровня с помощью этого продукта смогут решить свои задачи</figcaption>
    </figure>
  </section>
  <p id="0mYD">4. Фотографы могут связаться с основателем клуба и задать ему вопросы любым удобным способом – по телефону, через мессенджеры и социальные сети, по электронной почте. Сейчас все больше людей предпочитают узнавать нюансы не голосом, а в переписке. Дайте им возможность пообщаться с вами комфортным способом. Не надо пытаться любым способом вытаскивать номер телефона, чтобы потом «дожимать».</p>
  <h2 id="Jhk5">Про дизайн</h2>
  <p id="Bl94">Посмотрите, что говорит дизайнер о работе над проектом. Этого достаточно, чтобы понять, какой подход для визуальной упаковки сайта мы практикуем.</p>
  <blockquote id="GLUK">«Я не планировал перегружать лендинг лишней фоновой мишурой, добавил по минимуму разных элементов с низкой прозрачностью. У нас была задача на сотку процентов выделиться среди конкурентов, даже на уровне шрифтов. Но в первую очередь от лендинга ждали конверсию, упор именно на нее. По итогу, на этом лендинге идеально всё — от смыслов до дизайна. Считывается настроение и информация по визуальной составляющей, хорошая читабельность, акценты на главном.»</blockquote>
  <h2 id="KHPW">Результаты запуска</h2>
  <p id="sBcg">Первый запуск с этим лендингом принес эксперту 1,2 млн рублей. А во второй запуск сделали уже 2 млн рублей.</p>
  <p id="DoM3">Сейчас маркетолог проекта периодически тестирует новые офферы на сайте, но база остается прежней.</p>
  <p id="p27Y">Приходите <a href="https://t.me/studiolend" target="_blank">на консультацию</a>, если нужен продающий сайт. Посмотрим, как сейчас обстоят дела с маркетингом и найдем лучшее решение.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/UqHM8RLNfmF</guid><link>https://teletype.in/@studiolend/UqHM8RLNfmF?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/UqHM8RLNfmF?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>17 заявок с холодного трафика в первую неделю принес продающий сайт в дико конкурентной нише строительство домов</title><pubDate>Fri, 26 Apr 2024 14:13:06 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/f2/0a/f20a3882-2cca-4684-86e3-a88837132284.png"></media:content><category>Маркетинг</category><description><![CDATA[<img src="https://img4.teletype.in/files/b2/00/b2002dd8-097e-4f5f-918a-3a3eb14eab65.jpeg"></img>Обратился маркетолог с задачей сделать сайт для строительной компании из Санкт-Петербурга. Кто в теме, отлично понимает, насколько сильная конкуренция в этой нише.]]></description><content:encoded><![CDATA[
  <figure id="a40k" class="m_column">
    <img src="https://img4.teletype.in/files/b2/00/b2002dd8-097e-4f5f-918a-3a3eb14eab65.jpeg" width="2132" />
  </figure>
  <p id="9vzt">Обратился маркетолог с задачей сделать сайт для строительной компании из Санкт-Петербурга. Кто в теме, отлично понимает, насколько сильная конкуренция в этой нише.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="BAmh" class="m_column">
      <img src="https://img4.teletype.in/files/f4/f9/f4f98663-7351-4b5b-b6ca-4a4183daa631.png" width="1152" />
      <figcaption>17 заявок на строительство дома с холодного трафика в первую неделю</figcaption>
    </figure>
  </section>
  <p id="s9HI">Компании вгрызаются в каждого клиента. Все усугубляется нечестной игрой: на сайте конкуренты указывают цены, которых быть не может. А когда клиент оставляет номер телефона, в дело включаются матерые продажники и «дожимают» клиента всеми возможными способами.</p>
  <p id="AVKM">У нас другой подход. Мы сразу предупреждаем клиентов, что не используем на сайте черные манипуляции или обман. Помогаем привлекать внимание новых клиентов, когда раскрываем ценность продукта, и показываем, как компания решает поставленные задачи. Играть по правилам против соперников, которые честную игру не признают – сложно, но реально. Давайте смотреть, как мы решили задачу.</p>
  <h2 id="SaRL">Что было</h2>
  <p id="Fwz7">Сайт, который ничем не отличается от конкурентов. Стандартные заголовки «О нас», «Наши преимущества», «Доступные цены» не раскрывают ценность продукта и не несут продающие смыслы.</p>
  <p id="ULXD">Устаревший дизайн не вызывает доверие к компании, не цепляет внимание целевой аудитории (ЦА) и не подсвечивает выгоды.</p>
  <h2 id="xoru">Что стало</h2>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="r3NQ" class="m_original">
      <img src="https://img4.teletype.in/files/32/8d/328d5f8d-ae1c-4e6f-b5df-d70def0f9707.gif" width="910" />
    </figure>
  </section>
  <p id="1hYs">Современный продающий сайт, который уже<strong> в первую неделю принес 17 лидов с холодного трафика:</strong></p>
  <ul id="Bikl">
    <li id="vBfx">С первых секунд цепляет внимание целевой аудитории (ЦА)</li>
    <li id="R3Df">Раскрывает ценность и выгоды сотрудничества</li>
    <li id="DVdj">Закрывает страхи, сомнения и возражения потенциальных клиентов</li>
    <li id="Dxuu">Отстраивает компанию от конкурентов</li>
    <li id="x6wv">Современный авторский дизайн облегчает восприятие информации, направляет внимание клиента на продающие смыслы, подсвечивает выгоды и расставляет акценты.</li>
  </ul>
  <p id="2kuP">Сайт постепенно «прогревает» холодную аудиторию и превращает ее в лояльного потенциального клиента.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="9WrE" class="m_column">
      <img src="https://img3.teletype.in/files/ad/a5/ada53e16-2eae-4654-9049-92387367ac16.png" width="4000" />
      <figcaption>Сайт, который помогает продавать, рождается на стыке трех составляющих: грамотного маркетинга, современного дизайна и корректной верстки</figcaption>
    </figure>
  </section>
  <h2 id="JqPV"><strong>Теперь поэтапно, как сделали продающий сайт, который окупил себя в первую неделю рекламы</strong></h2>
  <p id="ICyk">Задача сайта – собирать контакты потенциальных клиентов. Далее с ними связываются менеджеры и договариваются о дальнейшем сотрудничестве.</p>
  <p id="mz5C">Чтобы получить номер телефона, предусмотрены разные целевые действия:</p>
  <ul id="ENer">
    <li id="tePG">получить подходящие проекты домов,</li>
    <li id="XHPb">записаться на экскурсию по объекту,</li>
    <li id="3V08">получить консультацию,</li>
    <li id="I5Y0">получить помощь риэлтора в выборе земельного участка и др.</li>
  </ul>
  <p id="xfkQ">Таким образом мы охватываем сегменты аудитории на разных уровнях «готовности» купить продукт.</p>
  <h3 id="LaXV">1 этап. Созвон с клиентом</h3>
  <p id="gdrf">Разработка сайта всегда начинается с брифа-созвона. <em>«У меня все, как у других. Что я вам могу нового рассказать?»</em>, – такое слышим от каждого второго клиента. Но в процессе созвона инсайты случаются у собственника почти всегда. Он сам удивляется, когда понимает, чем и как выгодно он отличается от конкурентов.</p>
  <p id="LLmF">Поэтому мой совет собственникам бизнеса – никогда не игнорируйте созвон-бриф. Поверьте, после него вы сами узнаете и поймете очень много о своем продукте. У вас появятся идеи для его рекламы, продвижения и улучшения.</p>
  <h3 id="1gv0">2 этап. Маркетинговое исследование</h3>
  <p id="DmRy">Маркетинговое исследование – это анализ целевой аудитории и конкурентов. Почти все сайты, которые вы заказываете на бирже или у веб-студии за условные 30-50к, сделаны без него. А почему это плохо?</p>
  <p id="Ljt1"><strong>Маркетинговый анализ нужен, чтобы понять, какие смыслы на сайте помогут продавать:</strong></p>
  <ul id="73Cy">
    <li id="Ac0l">Какую информацию разместить на сайте на первом экране и следующих двух, чтобы заинтересовать посетителя, и он остался на сайте?</li>
    <li id="D4N8">Какая структура / последовательность блоков должна быть, чтобы потенциальные клиенты оставили заявку?</li>
    <li id="RsgE">Кто конкуренты, и что они предлагают</li>
    <li id="XQZT">В чем ваши сильные и слабые стороны относительно конкурентов</li>
    <li id="mxWK">Какие вопросы и стереотипы пользователей нужно развеять на сайте</li>
    <li id="mQIw">На какое целевое действие закрывать клиента и пр.</li>
  </ul>
  <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="ftuQ">Эта и есть та информация, которая превращает современный красивый сайт в продающий.</p>
  </section>
  <p id="XiZn">Для исследования целевой аудитории мы используем несколько методов:</p>
  <ul id="zHp6">
    <li id="Pe5T">разговор с владельцем бизнеса и сотрудниками, которые общаются с клиентами;</li>
    <li id="aI6y">изучение форумов, групп в социальных сетях и других площадок, где потенциальные клиенты обсуждают вопросы строительства;</li>
    <li id="5AVs">сайты, КП и рекламные объявления конкурентов;</li>
    <li id="SFft">Метрика и Вебвизор, если есть старый сайт;</li>
    <li id="0iPr">телефонные разговоры и переписки менеджеров по продажам с клиентами и пр.</li>
  </ul>
  <p id="gMbp">Мы изучаем все доступные источники, из которых можно узнать проблемы ЦА, ожидания от сотрудничества, как они ищут и выбирают компанию-подрядчика, что для них главное при строительстве каркасного дома, какие страхи и сомнения у них есть, что останавливает от заключения договора прямо сейчас.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="3DjV" class="m_column">
      <img src="https://img3.teletype.in/files/6d/cb/6dcb9994-aa4b-43e6-9bff-436bc2b97d8a.png" width="2524" />
      <figcaption>В процессе анализа целевой аудитории узнали, что пугает и останавливает от покупки, почему хотят именно каркасник, на какой бюджет рассчитывают</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Sq3O" class="m_column">
      <img src="https://img4.teletype.in/files/76/e8/76e8e8a1-4eed-4643-995d-3a296f5648ef.png" width="2524" />
      <figcaption>Маркетинговый анализ ЦА дает понимание, как клиент выбирает строительную компанию, какие есть стереотипы, за что ценят каркасный дом, какие эмоции остаются после сотруднчества с компанией</figcaption>
    </figure>
  </section>
  <p id="JuZe">Только после того, как мы узнали целевую аудиторию и конкурентов, приступаем непосредственно к разработке сайта.</p>
  <h2 id="aZZV">Этапы разработки сайта</h2>
  <p id="G2NJ">Сначала маркетолог формирует прототип сайта – это черно-белая схема с заголовками, продающим текстом, кнопками и пр.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Bef3" class="m_column">
      <img src="https://img3.teletype.in/files/6c/23/6c238512-f510-4c7e-b8c7-198e80a0363d.jpeg" width="797" />
      <figcaption>Прототип сайта дает клиенту представление о том, какой текст будет, какие и где изображения, кнопки и пр.</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="ZzQi">После согласования прототипа в работу включился дизайнер. Нарисовал несколько вариантов первого экрана. Клиент выбрал, что ему больше нравится. В этом стиле отрисовали весь сайт.</p>
  </section>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="N3CL" class="m_original">
      <img src="https://img3.teletype.in/files/28/72/2872fd42-30b7-4fb3-b92a-b0c2be8b0fd8.jpeg" width="1181" />
    </figure>
  </section>
  <p id="0ejs">На последнем этапе верстаем сайт, подключаем CRM, Метрики и проверяем, насколько корректно все работает: на разных устройствах, браузерах и операционных системах.</p>
  <h2 id="gOWr">Маркетинговые инструменты и особенности разработки сайта, которые делают его помощником отдела продаж</h2>
  <p id="Hz6U">Вернемся к маркетинговому анализу. Его результаты дали нам понимание, какие продающие смыслы показать на сайте, чтобы аудитория заинтересовалась услугами компании. Посмотрим, как мы это сделали и донесли ценность продукции.</p>
  <h3 id="84Hj">Первый экран</h3>
  <p id="uuL0">Сразу, с первого экрана, отсекаем аудиторию, которая ищет дешевые варианты. Дешево не может быть качественно. Для этого используем подзаголовок:</p>
  <p id="Q12a"><em>«У нас идеальное предложение для клиентов, которые ищут лучшее соотношение цены и качества, а не просто хотят сэкономить и потом устранять последствия».</em></p>
  <p id="Gjw3">Здесь мы как бы говорим: возможно, у нас дороже, чем написано у конкурентов (помним, что они указывают несуществующие цены), но мы делаем ставку на качество.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="hRUH" class="m_original">
      <img src="https://img2.teletype.in/files/10/31/10319f2a-4d97-47f8-a8d1-546f30e75acc.jpeg" width="1163" />
      <figcaption>Первый экран сайта должен заинтересовать клиента выгодами и дизайном</figcaption>
    </figure>
  </section>
  <p id="c4vD">Дополнительные выгоды показываем буллитами: цена зафиксирована в договоре, штатные бригады, с 2014 года на рынке. Это та информация, которая важна клиентам при принятии решения в первую очередь.</p>
  <p id="IIgn"><strong>Что еще на первом экране:</strong></p>
  <ul id="3F8s">
    <li id="lHUy">Кнопка с нестрессовым легким шагом «Рассчитать стоимость, получить проекты и подарок». Мы не предлагаем сразу позвонить или записаться на консультацию. Потенциальный клиент пока не знает нас, и не готов к основательному диалогу.</li>
    <li id="uxmn">В шапке сайта – кнопки для связи через мессенджер. Все больше людей предпочитает общаться в переписке, а не по телефону.</li>
    <li id="lMdq">Говорим про подарок, чтобы мотивировать посетителя совершить целевое действие.</li>
    <li id="9nr3">Справа виджеты, которые ездят вверх-вниз по странице вместе с пользователем, чтобы он в любой момент мог оставить заявку, рассчитать стоимость или записаться на просмотр объекта.</li>
  </ul>
  <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="2luK">Когда клиент заходит на сайт, он сразу понимает: куда он попал, какую задачу здесь можно решить, и что для этого сделать. Но самое главное – с помощью первого экрана мы цепляем внимание клиента и вызываем у него желание изучить весь сайт.</p>
  </section>
  <p id="ZrLr">Так мы сможем закрыть большую часть возражений, рассказать про выгоды и получить максимально «теплую» заявку.</p>
  <h3 id="jX3x">Структура сайта</h3>
  <p id="8WZw">Последовательность экранов располагаем в порядке «приоритета». На первые четыре экрана выносим:</p>
  <ul id="UVwt">
    <li id="NIXI">конкурентные преимущества;</li>
    <li id="qTqm">информацию, которая интересует клиентов прежде всего – на основе которой они принимают решение, к какому подрядчику обратиться.</li>
  </ul>
  <p id="r47n">Структура сайта должно постепенно «прогревать» холодную ЦА, закрывать ее возражения и сомнения. Тогда мы получаем относительно «теплую» заявку от заинтересованного клиента.</p>
  <h3 id="tudK">Смысловые продающие заголовки</h3>
  <p id="ZzP4">Обратите внимание: у нас нет стандартных пустых заголовков «О нас», «Наши проекты», «Наши преимущества» и пр. <strong>Через заголовки мы:</strong></p>
  <ul id="dNKO">
    <li id="ZP2X">сегментируем и фильтруем аудиторию;</li>
    <li id="DJJL">раскрываем ценность и выгоды услуги;</li>
    <li id="MUmG">говорим о наших конкурентных преимуществах;</li>
    <li id="tN0u">закрываем сомнения и возражения ЦА;</li>
    <li id="40Na">отвечаем на распространенные вопросы;</li>
    <li id="weVV">отстраиваемся от конкурентов.</li>
  </ul>
  <p id="o5oB">Например, экран на скриншоте обычно называют «Популярные проекты». Мы перед ним поставили другой заголовок <em>«Строим как роскошные дома более 200 кв.м., так и небольшие уютные домики до 100 кв.м.»</em>. Этим мы сразу показываем клиентам, что компания способна воплотить в жизнь проекты любого масштаба.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="mLwW" class="m_original">
      <img src="https://img2.teletype.in/files/9b/c8/9bc843d9-3b13-4b6d-84c4-a0a00a965a25.png" width="2893" />
      <figcaption>Пример продающего заголовка</figcaption>
    </figure>
  </section>
  <p id="HnwB">Или другой пример – экран с отзывами.</p>
  <p id="vVJj"></p>
  <p id="TAp2"></p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="4OZW" class="m_original">
      <img src="https://img1.teletype.in/files/4b/66/4b665034-6904-4db9-ba25-470217da83cc.png" width="2882" />
      <figcaption>Цитата клиентов в качестве заголовка – беспроигрышный прием </figcaption>
    </figure>
  </section>
  <p id="qE3V">Следующий заголовок закрывает опасение клиентов о том, что дом в реальности не будет похож на проектный. Говорим <em>«Дом на 100% как в проекте – конструктивно и внешне»</em> и подтверждаем примерами.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Ikha" class="m_original">
      <img src="https://img3.teletype.in/files/e7/30/e73090d7-09cb-40e1-a6d3-01bafa381ea9.jpeg" width="2800" />
      <figcaption>Снимаем сомнение клиента, что его дом не будет похож на дом из проекта</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="ltR6">Почему мы используем такой подход к заголовкам?</p>
    <p id="rKCG">Когда клиент заходит на сайт, он сначала скроллит страницу и выхватывает отдельные фрагменты текста. Как правило, это заголовки и некоторые визуальные элементы. Основной мелкий текст он не читает. Получается, у нас есть возможность заинтересовать его с помощью заголовков и подзаголовков. Эту гипотезу мы подтвердили в эксперименте, когда с помощью смысловых заголовков <a href="https://youtu.be/bLjjMaGofkw?si=L3YoOrT7FbYPWyki" target="_blank">увеличили конверсию лендинга на 518%.</a></p>
  </section>
  <p id="JHCE">В самом тексте мы тоже отказались от таких шаблонных фраз. А если они и встречаются, то сразу с примерами. Например, на скрине мы сразу же объясняем, что значит «Высокое качество работы».</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="XfGA" class="m_original">
      <img src="https://img1.teletype.in/files/89/a5/89a5dc77-5482-43c5-b19c-70ea9f0742e4.png" width="2882" />
      <figcaption>Сразу приводим доказательство высокого качества работы</figcaption>
    </figure>
  </section>
  <h3 id="4ock">Опрос</h3>
  <p id="06Ka">По статистике, посетители охотно заполняют квизы. Такая форма заявки имеет несколько преимуществ:</p>
  <ol id="PVT9">
    <li id="xw49">Чем больше времени посетитель проводит на сайте, тем лояльнее он становится. А для робота-поисковика это означает, что ваш сайт полезен.</li>
    <li id="Y7aN">Более важное преимущество – из ответов на вопросы у вас уже появляется информация о клиенте. Ваш менеджер может его классифицировать, подготовиться к разговору, выбрать подходящий скрипт.</li>
  </ol>
  <p id="xq6n">Справа от вопросов напоминаем, какой подарок получит клиент, чтобы он не бросил заполнять анкету на половине.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="anjf" class="m_original">
      <img src="https://img2.teletype.in/files/dc/66/dc669b2b-aa2f-43b9-a323-6a5fe7ea5f5b.jpeg" width="1415" />
      <figcaption>Квиз помогает классифицировать клиентов и увеличить конверсию лендинга</figcaption>
    </figure>
  </section>
  <h3 id="IzXJ">Дизайн и визуальные элементы</h3>
  <p id="9wdD">Визуал (дизайн сайта) – еще один важный элемент сайта, который способен зацепить внимание клиента с первых секунд. Но помните: чем дольше посетитель на сайте, тем большее значение приобретает текст. А дизайн смещается на второй план.</p>
  <p id="6hZf">Поэтому, я всегда говорю: редко кому нужен waw-дизайн. Достаточно визуала, на который просто приятно смотреть.</p>
  <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="qNTB">И еще две важные функции дизайна: он должен облегчать восприятие информации на сайте и усиливать продающие смыслы, подсвечивать выгоды. Для этого используем разные шрифты, цвета, мокапы, изображения, видео.</p>
  </section>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="DR9x" class="m_original">
      <img src="https://img2.teletype.in/files/10/98/10986faa-f453-4617-ac49-949958e6f4cc.png" width="2534" />
      <figcaption>Наглядно показываем фразу «Заранее согласуем график доставки материалов, чтобы не было простоя в работе».</figcaption>
    </figure>
  </section>
  <p id="D2rj">Например, здесь иллюстрируем фразу <em>«Заранее согласуем график доставки материалов, чтобы не было простоя в работе»</em>. То есть подбираем максимально релевантное изображение. Это облегчает восприятие информации, «заставляет» читателя задержаться на странице и изучить, что изображено и написано на картинке.</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="rkUv" class="m_original">
      <img src="https://img2.teletype.in/files/5b/67/5b67c1bd-5860-48b4-86e7-a5f85e7f0c74.png" width="2882" />
      <figcaption>Визуализация смысла «Контролирует строительство дома на каждом этапе»</figcaption>
    </figure>
  </section>
  <p id="RCtY">Еще один пример. Нам необходимо донести до клиента, что у нас высокое качество и надежность дома. Чтобы посетитель сайта запомнил и унес с собой эту мысль, на экране мы говорим про технадзор, контроль качества и для усиления текста показываем документ «Свод правил по проектированию и строительству».</p>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="hbLJ" class="m_original">
      <img src="https://img1.teletype.in/files/83/1c/831c3e61-9bc3-4d66-9cf4-03072b8df947.png" width="2882" />
      <figcaption>На экране с большим объемом текста дизайн помогает расставить акценты и направить внимание читателя</figcaption>
    </figure>
  </section>
  <p id="4B9w">На этом изображении можете посмотреть, как с помощью дизайна расставлять акценты и управлять вниманием клиента, когда на экране много текста.</p>
  <h3 id="D1pg">Форма заявки</h3>
  <p id="eg2Q">Здесь несколько правил:</p>
  <ul id="iLWO">
    <li id="adOm">Разные формы заявки и призыв к действию: получить каталог с ценами, подборку подходящих проектов, записаться на консультацию, подобрать участок для строительства и др.</li>
    <li id="favx">Напоминаем, какую пользу получит клиент, если обратится к нам.</li>
    <li id="Gu8t">Если приглашаем на консультацию, рассказываем, что на ней будет.</li>
  </ul>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="miro" class="m_original">
      <img src="https://img2.teletype.in/files/9e/3a/9e3a7725-f981-4837-b7e9-051e704c2ba9.jpeg" width="1441" />
      <figcaption>В форме заявки еще раз напоминаем про выгоды</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="iDjq" class="m_original">
      <img src="https://img4.teletype.in/files/f2/d1/f2d106f8-936d-477f-aeea-b021746cc845.png" width="3676" />
      <figcaption>Еще раз напоминаем клиенту, почему стоит обратиться в нашу компанию</figcaption>
    </figure>
  </section>
  <h3 id="Yk1l">Насколько клиент знаком с продуктом?</h3>
  <p id="1z4E">Реклама направлена на людей, которые уже определились с типом дома – каркасник. Они знают преимущества и недостатки такого вида строительства.</p>
  <h3 id="PJ6L">Но среди ЦА есть небольшой процент, кто еще сомневается <em>«А точно ли мне нужен каракасник?»</em>. Для них внизу лендинга мы добавили экран про преимущества этого типа дома.</h3>
  <section style="background-color:hsl(hsl(0,   0%,  var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="GhFb" class="m_retina">
      <img src="https://img4.teletype.in/files/fa/20/fa202496-5c76-454a-a63c-f1cd5b51aaef.jpeg" width="1405" />
      <figcaption>Информация для тех, кто еще не уверен, стоит ли выбирать каркасный дом</figcaption>
    </figure>
  </section>
  <h3 id="kPTf">Еще несколько принципов, которые использовали для разработки этого сайта:</h3>
  <ul id="Q7td">
    <li id="NOMN">Социальные доказательства: портфолио и отзывы</li>
    <li id="rzot">Видеотрансляция с объекта</li>
    <li id="j9Jq">Приглашение на экскурсию на строящийся объект</li>
    <li id="Qfsj">Возможность загрузить готовый проект и рассчитать для него примерную стоимость строительства</li>
    <li id="4o5W">Используем блок «Вопросы-ответы», чтобы закрыть оставшиеся возражения</li>
  </ul>
  <h2 id="XlzL">Почему у нас вышел такой результат:</h2>
  <ul id="a2ij">
    <li id="41Vl">Структура и текст сайта – на основе маркетингового исследования.</li>
    <li id="N3Hr">Современный дизайн усиливает продающие смыслы.</li>
    <li id="gmGs">Сайт адаптирован к устройствам с любым размером экрана.</li>
  </ul>
  <h2 id="Gv6G">Вывод:</h2>
  <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="zWII">Сайт будет привлекать новых клиентов и поможет продавать даже в дико конкурентной нише, если он сочетает в себе маркетинговую часть, современный дизайн и корректную верстку. И вы получите не холодные заявки с квиза. Это будут«теплые» клиенты, которые изучили ваш сайт, прониклись доверием к компании и убедились, что вы способны решить их задачи. За первую неделю с холодного трафика сайт принесет 17 заявок на строительство каркасного дома.</p>
  </section>
  <p id="uGgL">Если нужен сайт, который помогает продавать – <a href="https://t.me/studiolend" target="_blank">пишите мне</a>. Доступно, но не дешево.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/YqtQo1VYc90</guid><link>https://teletype.in/@studiolend/YqtQo1VYc90?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/YqtQo1VYc90?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Как сделать дизайн-макет сайта с помощью нейросети</title><pubDate>Sun, 21 Apr 2024 13:20:37 GMT</pubDate><media:content medium="image" url="https://img3.teletype.in/files/6d/6b/6d6b9a29-1292-4d4e-9a00-d044415de11b.png"></media:content><category>Сайты</category><description><![CDATA[<img src="https://img2.teletype.in/files/5a/83/5a836a1c-c5f5-441d-acaf-c86be6f40437.png"></img>Покажу, как с помощью нейросети создать базовый дизайн-макет и ускорить создание сайта в несколько раз.]]></description><content:encoded><![CDATA[
  <figure id="1vXX" class="m_retina">
    <img src="https://img2.teletype.in/files/5a/83/5a836a1c-c5f5-441d-acaf-c86be6f40437.png" width="512.5" />
  </figure>
  <p id="j3ai">Покажу, как с помощью нейросети создать базовый дизайн-макет и ускорить создание сайта в несколько раз.</p>
  <h2 id="7Waf">Пошаговый алгоритм, как сделать дизайн-макет с помощью нейронки</h2>
  <p id="8F3A">У вас уже должен быть готовый прототип или текст для сайта. Далее идем в сервис <a href="https://uizard.io" target="_blank">Uizard</a>. Регистрируемся. Сначала попробуйте бесплатную версию.</p>
  <p id="0JRJ">Выбираем окно Generate with Avtodesigner.</p>
  <figure id="Ch8y" class="m_column">
    <img src="https://img3.teletype.in/files/62/c4/62c4c60d-96cf-45d7-a166-6b197911b028.png" width="3848" />
    <figcaption>Для создания дизайн-макета с помощью нейросетей выберите Generate with Avtodesigner</figcaption>
  </figure>
  <p id="J2Vv">Появляется вот такое окно</p>
  <figure id="760A" class="m_column">
    <img src="https://img3.teletype.in/files/61/ae/61aef766-24f2-48f9-9d24-9cda040fd92c.png" width="3848" />
    <figcaption>В окне обозначьте пожелания к сайту и описание проекта</figcaption>
  </figure>
  <p id="KjuR">Что нужно сделать:</p>
  <ol id="RdPb">
    <li id="mGEn">Выбрать, для какой версии нужен сайт: мобильный, для планшета или десктоп.</li>
    <li id="d44m">На английском языке опишите проект, для которого делаете сайт. Ограничение – 300 символов. Я буду делать лендинг для своей студии – для него уже есть готовый текст, так будет быстрее.</li>
    <li id="kutZ">Ниже можно написать пожелания по стилю и цветовой гамме. На английском, 150 символом. Или можно выбрать из готовых вариантов ниже. Либо можно написать пожелания и выбрать из готовых</li>
  </ol>
  <p id="D0kP">Я сделала описание проекта и загнала в переводчик.</p>
  <figure id="U1Wx" class="m_column">
    <img src="https://img3.teletype.in/files/66/68/66681ea1-8d89-41a8-92ac-a77c4ee6ef4e.png" width="1294" />
    <figcaption>Через переводчик сделала описание проекта</figcaption>
  </figure>
  <p id="DB16">Цвет сайта я обозначила – желтый, белый и черный. Стиль минимализм, современный. Шрифт строгий дорогой.</p>
  <figure id="Jk0s" class="m_column">
    <img src="https://img1.teletype.in/files/0e/e4/0ee4eb7a-fbe2-4011-9526-fd70b3a08fbb.png" width="1294" />
    <figcaption>Даем нейронке задание, какой сайт хотим увидеть</figcaption>
  </figure>
  <p id="kt9d">Нажимаем Generate my project и смотрим, что у нас получилось.</p>
  <figure id="AQ6U" class="m_column">
    <img src="https://img2.teletype.in/files/15/6f/156f6af1-750b-4bd7-8799-10bbced7ff63.png" width="2736" />
    <figcaption>Нейронка за 2 минуты сделала сайт из 5 страниц</figcaption>
  </figure>
  <p id="gV1I">Получился не тот желтый, который я имела в виду (возможно, нужно было написать цветовой код). Но сбоку есть панель инструментов, с помощью которой можно поправить цвет, изменить кнопки, текст, изображения и все, что угодно.</p>
  <figure id="Q4G3" class="m_column">
    <img src="https://img4.teletype.in/files/b9/41/b9415a62-5d4b-45b3-96e9-cbcc09d9872d.png" width="4252" />
    <figcaption>Можно менять цвет, изображения, текст, добавлять и удалять элементы</figcaption>
  </figure>
  <p id="0AZJ"><strong>Нейросеть сформировала сайт из 5 страниц:</strong></p>
  <ol id="ONFR">
    <li id="HIFx">Главная</li>
    <li id="h6lI">Стоимость работы</li>
    <li id="dOQg">О команде</li>
    <li id="2l17">Услуги</li>
    <li id="a8YZ">Контакты</li>
  </ol>
  <p id="kdEF">На бесплатном тарифе ограниченное количество компонентов. Думаю, если взять платный тариф, то сервис нарисует еще несколько страниц. Например, здесь не хватает страницы с портфолио и кейсами.</p>
  <p id="4qvc">Редактируем и смотрим, что получилось. Я взяла одну страницу, добавила туда свой текст и изображения.</p>
  <figure id="YutY" class="m_column">
    <img src="https://img1.teletype.in/files/8d/86/8d86b202-e0a1-46a5-98d3-032c7b60a0e5.png" width="2628" />
    <figcaption>Изменила на странице цвет и текст, добавила свои изображения</figcaption>
  </figure>
  <p id="mrFW">На редактирование страницы у меня ушло не более 20 минут. Но с учетом того, что у  меня готов текст для сайта.</p>
  <p id="sxbd">В бесплатной версии экспорт доступен только в формате png, jpg, svg и pdf. В платных версиях эти ограничения снимаются.</p>
  <p id="6NFY">Интерфейс максимально простой. Если вы работали в Figma или другой подобной программе, то быстро разберетесь. Меняйте цвет, кнопки, текст, изображения. Добавляйте или удаляйте элементы. Кнопка Suggest подберет альтернативный текст.</p>
  <figure id="0koZ" class="m_column">
    <img src="https://img2.teletype.in/files/16/9b/169b1d80-c252-4fbb-ac7b-74d73761e597.png" width="2628" />
    <figcaption>Кнопка Suggest – генерация текста с помощью нейронки</figcaption>
  </figure>
  <figure id="7v8m" class="m_column">
    <img src="https://img3.teletype.in/files/ed/4d/ed4dc467-19e4-4222-b910-e7034b805cf0.png" width="2628" />
    <figcaption>Нейронка предлагает варианты, как изменить текст кнопки</figcaption>
  </figure>
  <figure id="54rW" class="m_column">
    <img src="https://img2.teletype.in/files/dd/95/dd955449-8f3b-4158-b8f2-d89f2f1d56cf.png" width="2628" />
    <figcaption>Нейросеть предложила изменить заголовок «Продающие сайты и лендинги» на «Уникальные сайты и лендинги, привлекающие клиентов»</figcaption>
  </figure>
  <p id="vM2Z">На мой взгляд, сервис генерирует вполне жизнеспособные варианты текста.</p>
  <h2 id="nqdH">Как использовать сервис?</h2>
  <p id="A8pg">Вижу несколько сценариев:</p>
  <ul id="g8mq">
    <li id="KmrE">Если нет бюджета, чтобы заказать сайт. Вы делаете все самостоятельно: пишите текст, делаете дизайн-макет в <a href="https://uizard.io" target="_blank">Uizard</a>, верстаете лединг. Здесь придется заплатить временем, чтобы разобраться в нюансах копирайтинга, визуала и технических.</li>
    <li id="bQ6V">Если бюджет сильно ограничен, чтобы заказать сайт. Часть работ делегируете специалистам, а часть – выполняете сами. Моя рекомендация – отдать на подряд написание продающего текста. Продает, в первую очередь, маркетинг.</li>
    <li id="PNT3">Чтобы ускорить работу над сайтом. Отдайте дизайнеру макет из Uizard в качестве референса.</li>
    <li id="nUfk">Для быстрого и бюджетного создания лендинга. Например, если надо проверить, насколько жизнеспособна идея стартапа.</li>
  </ul>
  <p id="w3L2">В целом, мне понравилось, как работает Uizard, и какие варианты дизайна дает. Сервис предлагает основу, которую дальше можно доработать на свой вкус.</p>
  <p id="WKNQ">Блог про разработку продающих сайтов: <a href="https://t.me/first_marketolog" target="_blank">https://t.me/first_marketolog</a></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/ePyZWQ7SiiR</guid><link>https://teletype.in/@studiolend/ePyZWQ7SiiR?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/ePyZWQ7SiiR?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>ТРАДИЦИОННЫЙ ПОДХОД И АМЕРИКАНСКАЯ МЕТОДИКА БЫСТРОГО ПРОГРЕВА ЛИДОВ</title><pubDate>Thu, 03 Aug 2023 11:42:26 GMT</pubDate><media:content medium="image" url="https://img3.teletype.in/files/e4/93/e49363b9-8a23-4194-b249-536b897b0c37.png"></media:content><description><![CDATA[<img src="https://img1.teletype.in/files/4f/94/4f94f231-0484-4b09-b073-1ba100d44dd7.jpeg"></img>Сайт, существующий в вакууме, не всегда эффективно решает задачу бизнеса – кратно увеличить продажи. По факту всем нужен не сайт, а клиенты. А точнее увеличение объема продаж и больше прибыли. И решить эту задачу можно тремя способами.]]></description><content:encoded><![CDATA[
  <figure id="jbHf" class="m_retina">
    <img src="https://img1.teletype.in/files/4f/94/4f94f231-0484-4b09-b073-1ba100d44dd7.jpeg" width="794" />
    <figcaption>Как быстро получить теплые заявки</figcaption>
  </figure>
  <p id="uYJA">Сайт, существующий в вакууме, не всегда эффективно решает задачу бизнеса – кратно увеличить продажи. По факту всем нужен не сайт, а клиенты. А точнее увеличение объема продаж и больше прибыли. И решить эту задачу можно тремя способами.</p>
  <h2 id="Trnw">1 способ. Назовем его условно игра по-черному</h2>
  <p id="uwyb">Мы с такими клиентами НЕ СОТРУДНИЧАЕМ.</p>
  <p id="0T8w">Для этого сегмента характерно следующее:</p>
  <ul id="zCcg">
    <li id="KCY5">Главная цель ребят – заработать любыми средствами, а дальше «хоть трава не расти».</li>
    <li id="Zcth">Готовы на все ради увеличения прибыли: фальшивые и покупные отзывы, нечестная игра против конкурентов, «черные» методы продвижения, спам, скликивание, манипуляции на сайте, навязчивые продажи, искусственные дедлайны и скидки и пр.</li>
    <li id="IKdp">Хотят быстрый результат: готовы ради этого обманывать клиентов, манипулировать, «доставать» звонками и сообщениями.</li>
    <li id="3DMF">Любят давить на боли аудитории, играть на эмоциях, бить по-больному (схема «боль – еще больше боли»).</li>
    <li id="4JQ0">Не думают о своей репутации и личном бренде. Могут даже практиковать деятельность на грани с мошенничеством (например, открывать несколько компаний под разными ИП).</li>
  </ul>
  <p id="1JRQ">Этот способ увеличения продаж отметаем сразу.</p>
  <h2 id="Gu2V">2 способ. На мой взгляд, самый оптимальный, но он подходит не всегда и не для всех</h2>
  <p id="K7bs">Подавляющая часть предпринимателей, которые обращаются к нам за помощью, относятся ко 2 категории. Это владельцы малого и среднего бизнеса (реже крупного), которые:</p>
  <ul id="OMJF">
    <li id="7lFA">пытаются не просто заработать, а реально хотят решить проблемы своих клиентов, помочь им;</li>
    <li id="bsT7">постоянно работают над улучшением сервиса и продукции;</li>
    <li id="hppf">понимают, насколько важен личный бренд;</li>
    <li id="wcSL">готовы постоянно работать над своей репутацией на рынке;</li>
    <li id="XEwY">стремятся продавать экологично, через заботу о клиентах, а не через впаривание;</li>
    <li id="7er5">не ждут мгновенного увеличения продаж в сотни раз, а понимают, что нужна постоянная работа на длительном промежутке времени;</li>
    <li id="jMuc">понимают, что маркетолог сможет создать систему привлечения целевых клиентов только, если владелец бизнеса готов к тесному сотрудничеству.</li>
  </ul>
  <p id="PyHV">Отличительная черта осознанного бизнеса – готовы работать вдолгую и понимают, насколько важен комплексный подход в маркетинге. А еще, по моим наблюдениям, за таким бизнесом стоят настоящие люди с амбициями, а не бездушная и неповоротливая бюрократическая машина.</p>
  <h2 id="gQKb">3 способ. Компромисс или система быстрого прогрева лидов</h2>
  <p id="1Xnj">Но что делать, если результат нужен быстро? Если надо за пару месяцев запустить или протестировать продукт, привлечь теплые заявки, но без манипуляций, обмана и завышенных ожиданий? Таких входящих запросов у нас тоже достаточно много. Например:</p>
  <ul id="69F0">
    <li id="B4x9">От бизнеса, который открылся недавно и еще не успел обзавестись лояльной аудиторией. Чтобы продолжать работать, надо привлекать подписчиков и клиентов.</li>
    <li id="HVai">От крупных компаний, которые давно на рынке, но хотят продвигать уникальную методику или продукт. Из-за новизны нет кейсов, доказательств эффективности, а значит у потенциальных клиентов нет доверия к товару.</li>
  </ul>
  <p id="tPvk">Чтобы закрыть эту задачу, мы нашли и внедряем еще одну схему – систему быстрого прогрева лидов. В основе – американская методика привлечения теплых заявок. Мы адаптировали ее под российский рынок.</p>
  <p id="v6Bx">Американская методика привлечения заинтересованных клиентов выглядит следующим образом:</p>
  <ol id="jej5">
    <li id="hidD">Сначала холодный клиент попадает по рекламе на длинную прогревающую статью. В описываемой ситуации он узнает себя и свою проблему. Далее мы захватываем его внимание: рассказываем, что есть уникальное решение, которое на 100% решит задачу.</li>
  </ol>
  <ol id="ioJH">
    <li id="n4vD">Во время прочтения статьи холодный клиент прогревается и становится более теплым. Он хочет узнать, как он может решить свою проблему, куда ему обращаться. По сути, мы продаем инновацию, идею, саму методику.</li>
  </ol>
  <ol id="No9G">
    <li id="VtVo">После двух прогревающих статей остаются только реально заинтересованные клиенты. Их мы переводим на одностраничный сайт – это финальный штрих.</li>
  </ol>
  <p id="VqEA">Лендинг полностью раскрывает ценность и выгоды продукта, создается по всем правилам: продающая структура и заголовки, социальные доказательства, гарантии, авторский дизайн и др. Пользователь все больше доверяет компании и продукту, растет его уверенность, что здесь на 100% решат его проблему и сделают это лучше всех. В результате – заявку оставляют реально заинтересованные пользователи.</p>
  <h3 id="PVE2">Что еще важно учесть в этой схеме?</h3>
  <p id="dJsP">На первом этапе (когда пользователь попадает с рекламы на первую длинную статью) конверсия может быть ниже, чем если запускать рекламу сразу на сайт. Здесь отсеивается максимальный процент аудитории. Но остаются реально осознанные и заинтересованные.</p>
  <p id="p7hc">В итоге с лендинга приходят только целевые и максимально теплые заявки. И если отдел продаж работает оперативно и грамотно, то конверсия в продажу будет очень высокая. А менеджерам будет достаточно просто продавать, т.к. на последнем этапе остаются только заинтересованные и прогретые клиенты.</p>
  <p id="OPoI">Сейчас мы хотим сделать несколько мощных кейсов по этой методике. И готовы взять первых 2-3 клиентов практически по себестоимости – за 190 000 руб.</p>
  <h2 id="0sj0">Итак, что получат за 190 000 руб. наши первые 2-3 клиента:</h2>
  <ol id="hlBc">
    <li id="ujxj">Продающий сайт с авторским дизайном</li>
  </ol>
  <ol id="SwAB">
    <li id="exX5">Маркетинговые смыслы, которые можно использовать для прогрева подписчиков в социальных сетях, через рассылки, для написания сценариев для экспертных видео и Reels, создания скриптов продаж и др.</li>
  </ol>
  <ol id="vS9Z">
    <li id="4REc">Рабочие материалы по анализу целевой аудитории, конкурентов и рынка (не оформляем в презентацию)</li>
  </ol>
  <ol id="ijFu">
    <li id="qx0K">Две прогревающие продающие статьи, которые превращают холодную ЦА в теплых заинтересованных клиентов</li>
  </ol>
  <p id="yexG">Методика подходит не для всех сфер бизнеса. <a href="https://t.me/studiolend" target="_blank">Пишите в ЛС</a> нишу – обсудим, подойдет ли схема в вашем случае.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/cr6Lwr6xwaj</guid><link>https://teletype.in/@studiolend/cr6Lwr6xwaj?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/cr6Lwr6xwaj?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Подняли конверсию сайта на 147%, но клиент недоволен: рассказываю, почему холодные лиды тоже важны </title><pubDate>Wed, 01 Mar 2023 13:49:19 GMT</pubDate><description><![CDATA[<img src="https://img3.teletype.in/files/ec/06/ec066336-630e-4bf4-8aa0-fbd9737778e3.png"></img>Написать этот пост сподвиг недавний случай. Делали лендинг для стоматологии – услуги «Протезирование зубов». После запуска получили хорошие результаты – конверсия выросла на 147%, а стоимость заявки стала ниже на 55%. Если интересно, почитайте, какие «Инструменты помогли нам повысить конверсию».]]></description><content:encoded><![CDATA[
  <p id="xpp3">Написать этот пост сподвиг недавний случай. Делали лендинг для стоматологии – услуги «Протезирование зубов». После запуска получили хорошие результаты – конверсия выросла на 147%, а стоимость заявки стала ниже на 55%. Если интересно, почитайте, какие «Инструменты помогли нам повысить конверсию».</p>
  <p id="GUH1">После получения первых результатов клиент захотел немного изменить лендинг из-за большого числа холодных заявок – «Пусть их лучше будет меньше, но теплые». Решила поделиться с вами, почему с холодными заявками (лидами) тоже необходимо работать.</p>
  <h2 id="liMb">Холодные заявки – обязательное условие для увеличения прибыли</h2>
  <p id="useH">Было бы идеально – человек зашел на сайт и сразу купил. Но так бывает очень редко – в 0,1-5% случаев. Например, в мороз сломалась машина посреди трассы. В такой момент не будешь сравнивать компании по отзывам, качеству и др. А наберешь номер эвакуатора, который первым окажется в поисковой строке, или кто приедет быстрее.</p>
  <p id="skPj"><strong>В большинстве ниш и в большинстве случаев путь клиента примерно такой:</strong></p>
  <p id="5P62"><strong>Этап №1.</strong> Задумался о проблеме, пока она еще не острая. Посмотрел в свободное время несколько компаний, оставил заявки – появились другие дела, закрыл сайт и забыл об этом. Например, Виталий уже давно отсутствует зуб. Появились свободные деньги – «Почему бы не сделать протезирование? Какие сейчас цены?»</p>
  <p id="TsBh"><strong>Этап №2.</strong> Через некоторое время проблема стала острая. Виталий увидел, что другие зубы стали смещаться, стремясь занять свободное место, и портится, прикус меняется. Откладывать дальше лечение уже нельзя. Протезирование теперь обойдется в 2-3 раза дороже, надо спешить.</p>
  <p id="5G3Z"><strong>Этап №3.</strong> Снова начинает искать стоматологические клиники, сравнивать условия.</p>
  <p id="xpUc">А теперь представьте, что после того, как клиент первый раз оставил заявку на вашем сайте (на этапе №1), вы занесли его в базу данных и стали постепенно «мягко» знакомить со своей компанией/услугой. Вы рассказывали про свой подход, врачей, цены, давали полезные информационные материалы – ненавязчиво напоминали о себе.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="DyiG" class="m_retina">
      <img src="https://img3.teletype.in/files/ec/06/ec066336-630e-4bf4-8aa0-fbd9737778e3.png" width="2188" />
    </figure>
  </section>
  <p id="lxq1">Когда Виталию срочно потребовалась помощь стоматолога, про кого он вспомнит в первую очередь? Ну как минимум, зайдет на ваш сайт, чтобы посмотреть цены и другие условия. И теперь это уже не «холодный», а «теплый» лид. И при грамотном подходе Виталий станет вашим клиентом. Если лечение понравится, станет вашим постоянным клиентам, приведет родителей, детей, супругу, порекомендует друзьям и коллегам. Ради этого точно стоит поработать с холодной базой клиентов.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/vkJejrVtiK6</guid><link>https://teletype.in/@studiolend/vkJejrVtiK6?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/vkJejrVtiK6?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Простой, но эффективный инструмент, как добиться высокой конверсии сайта</title><pubDate>Thu, 23 Feb 2023 16:04:45 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/fd/5c/fd5c091c-2c59-4799-bd5a-4837778cef3e.png"></media:content><description><![CDATA[<img src="https://img1.teletype.in/files/4c/98/4c984941-c36c-415e-8133-cb62aece604f.png"></img>Для меня важно, чтобы в каждом проекте мы на 100% сделали все, что от нас зависит. Мы постоянно ищем способы, как достичь максимальной конверсии сайта с первого раза, т.к. далеко не у всех клиентов есть возможность проводить A/B-тестирование.]]></description><content:encoded><![CDATA[
  <p id="oqS5">Для меня важно, чтобы в каждом проекте мы на 100% сделали все, что от нас зависит. Мы постоянно ищем способы, как достичь максимальной конверсии сайта с первого раза, т.к. далеко не у всех клиентов есть возможность проводить A/B-тестирование.</p>
  <p id="cFK3">Сейчас расскажу, какой простой, но рабочий инструмент мы используем в студии. </p>
  <p id="ZeDQ"><strong>Когда готов прототип сайта, попросите заказчика показать его действующим клиентам.</strong></p>
  <p id="nMpj">Маркетинговые смыслы и последовательность экранов – это то, что определяет конверсию сайта в первую очередь. На прототипе все это уже есть. Пример прототипа – на изображении.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="52Ct" class="m_column">
      <img src="https://img1.teletype.in/files/4c/98/4c984941-c36c-415e-8133-cb62aece604f.png" width="2384" />
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="Sjgq">Покажите вашим клиентам прототип и спросите: «Оставили бы вы заявку на таком сайте? Если нет, то почему? Какой информации вам не хватает для принятия решения?»</p>
  </section>
  <p id="mGA8">Обратная связь поможет доработать прототип, усилить маркетинговую составляющую.</p>
  <p id="Fhii">Такой дополнительный этап в разработке сайта поможет приблизиться к идеальному результату и понять, насколько вы попали в целевую аудиторию, насколько верны ваши гипотезы.</p>
  <p id="KhRC">Подходит почти для всех ниш бизнеса, кроме тех, где клиенты больше покупают глазами.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="8ueT" class="m_column">
      <img src="https://img3.teletype.in/files/23/31/2331b2c6-1190-4089-91eb-efc06db78f07.png" width="2384" />
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="TqzG" class="m_column">
      <img src="https://img3.teletype.in/files/2a/da/2ada5287-1041-4dcb-be9f-adc7739b0fd1.png" width="2236" />
    </figure>
  </section>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="F7Ev" class="m_column">
      <img src="https://img2.teletype.in/files/94/96/949609ec-cf3f-4777-8f07-daecb45af7e1.png" width="2236" />
    </figure>
  </section>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@studiolend/zTpFtYTD-xP</guid><link>https://teletype.in/@studiolend/zTpFtYTD-xP?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend</link><comments>https://teletype.in/@studiolend/zTpFtYTD-xP?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=studiolend#comments</comments><dc:creator>studiolend</dc:creator><title>Нашли 11 общих свойств эффективных сайтов: для этого изучили 43 лендинга с конверсией от 5% до 59,7%</title><pubDate>Wed, 21 Dec 2022 13:05:56 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/f3/8a/f38a9bef-9bdc-43b1-9939-1bb47a6931ce.png"></media:content><category>Маркетинг</category><description><![CDATA[<img src="https://img3.teletype.in/files/e8/13/e8130778-8944-4b71-a081-3c5ea838bd5c.png"></img>Иногда достаточно 10 минут, чтобы увеличить конверсию лендинга в 2-3-5 раз. А иногда проще снести старый сайт и сделать новый «с нуля». Получается, есть какие-то элементы/приемы, которые влияют на конверсию больше других.]]></description><content:encoded><![CDATA[
  <figure id="kPHO" class="m_retina">
    <img src="https://img3.teletype.in/files/e8/13/e8130778-8944-4b71-a081-3c5ea838bd5c.png" width="755" />
    <figcaption>Маркетинговые приемы для создания лендингов с высокой конверсией</figcaption>
  </figure>
  <p id="HTl9">Иногда достаточно 10 минут, чтобы увеличить конверсию лендинга в 2-3-5 раз. А иногда проще снести старый сайт и сделать новый «с нуля». Получается, есть какие-то элементы/приемы, которые влияют на конверсию больше других.</p>
  <p id="DYcm">Привет! Это Евгения Корюкова и студия честного маркетинга. Мы любим исследовать, анализировать и использовать полученные выводы, чтобы разрабатывать сайты с высокой конверсией.</p>
  <p id="zA3s">В этот раз мы решили выяснить, что общего есть у лендингов, которые показали хорошие результаты: какие принципы создания, маркетинговые приемы и инструменты для них характерны. Далее читайте, что из этого получилось.</p>
  <h4 id="Какие-лендинги-использовали-для-анализа">Какие лендинги использовали для анализа</h4>
  <p id="IXZZ">Для исследования взяли сайты, которые:</p>
  <ul id="qv0X">
    <li id="TAHD">делали мы в студии. Их конверсия – от 7,7 до 59,7%</li>
    <li id="Aa2L">делали другие студии и наши коллеги – использовали кейсы, которые нашли в интернете. Конверсия лендингов – от 5%.</li>
  </ul>
  <p id="EzWy">Дополнительно брали кейсы, в которых после улучшения значительно выросла конверсия. Выписывали, какие изменения были внесены, какие ошибки исправлены.</p>
  <p id="ZQEB">Почти все сайты – из разных ниш. Были лендинги по продаже товара и услуг, вебинарные, онлайн-образование. Везде соблюдалось правило «Один лендинг – один товар или одна услуга».</p>
  <figure id="ReH2" class="m_retina">
    <img src="https://img4.teletype.in/files/72/bb/72bb89c8-46ba-4794-a62b-1b8a40ef08ab.png" width="1020" />
    <figcaption>Изучили 43 лендинга с конверсией от 5% до 60%</figcaption>
  </figure>
  <blockquote id="pjog">Цель – найти те приемы/элементы, которые позволяют получать с сайта много целевых заявок. Для этого изучили, сравнили сайты и нашли их общие свойства. <strong>Всего было проанализировано 43 лендинга и кейса.</strong></blockquote>
  <h3 id="Пункт-1.-Перед-разработкой-все-проводили-маркетинговое-исследование">Пункт 1. Перед разработкой все проводили маркетинговое исследование</h3>
  <p id="qx9z">В каждом кейсе специалисты предварительно проводили исследование ЦА, конкурентов и рынка:</p>
  <ul id="ESNd">
    <li id="tv9e">Изучение сайтов, соцсетей, форумов, отзовиков, рекламных объявлений, чатов в Telegram, создание опросов и др. Чем больше площадок изучено, тем объективнее будет портрет ЦА.</li>
    <li id="eO5O">Не только теоретическое изучение, а опрос действующих клиентов Примеры вопросов: Какие проблемы вы хотели решить, когда регистрировались в сервисе? С чем вы можете сравнить свой опыт работы в сервисе? Были ли сложности в начале? Вспомните момент, когда вы «влюбились» в сервис?Вопросы помогают определить пользовательские триггеры – почему клиенты выбрали вас и продолжают с вами работать, как можно улучшить сервис.Обратная связь от новых клиентов – это способ узнать из первых уст, а не строить гипотезы, что они хотят/ожидают, какие проблемы им нужно решить с помощью продукта.</li>
    <li id="DsJu">Анализ своего бизнеса и анализ конкурентов – чтобы определить свои сильные стороны и понять, как отстроиться от других компаний в этой нише</li>
    <li id="92ou">Глубокое интервью с представителем бизнеса и его сотрудниками, чтобы узнать о бизнесе все, вплоть до мелочей. На брифе говорим про продукт, компанию, персонал, клиентов, конкурентов, миссию, задачи. Мы в студии для этого организуем созвон, но в некоторых кейсах использовали письменный бриф.</li>
    <li id="JEvQ">Анализ поисковых запросов в Яндекс Wordstat – коммерческих и информационных. Позволяют понять, на какой стадии принятия решения находится ЦА, ответы на какие вопросы ищут, какие информационные пробелы о продукции нужно закрыть на сайте.</li>
  </ul>
  <h3 id="Пункт-2.-Сайт-–-часть-грамотно-продуманной-воронки-продаж">Пункт 2. Сайт – часть грамотно продуманной воронки продаж</h3>
  <p id="ni5T">Каким бы «продающим» не был сайт, он не принесет прибыль, если остальная воронка не работает, плохо продумана или вовсе отсутствует.</p>
  <p id="lQeP">У нас был случай, когда мы увеличили конверсию лендинга более чем на 100%, но клиента не устроил такой результат. Причина – много холодных лидов, с которыми отдел продаж не готов был работать.</p>
  <p id="pyzd">Мало кто готов купить сразу с лендинга. С клиентами нужно уметь разговаривать после того, как они оставили заявку на сайте – «утеплять», влюблять в свой продукт, закрывать возражения. Для этого можно использовать лид-магниты, чат-боты, скрипты продаж, тест-драйвы и т.п.</p>
  <h3 id="Пункт-3.-Дизайн">Пункт 3. Дизайн</h3>
  <p id="1S6I">Мы используем дизайн для решения следующих задач:</p>
  <ul id="ZbP9">
    <li id="SQXu">Подсветить выгоды продукции, усилить преимущества</li>
    <li id="mu9d">Направить внимание посетителя в нужное русло, создать акценты</li>
    <li id="2fPE">Вызвать интерес к сайту</li>
    <li id="Y6Me">Повысить доверие к компании и продукции</li>
  </ul>
  <p id="5tF2">Авторский дизайн особенно важен в премиум сегменте с высоким чеком и в b2b. Он помогает продавать дороже, снимает часть возражения о стоимости товара. Например, отрисовка 3D-деталей.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="9fAB" class="m_retina">
      <img src="https://img2.teletype.in/files/53/33/5333d101-8df2-49ba-9dbd-c0065da03910.png" width="1578" />
      <figcaption>Один из способов показать надежность компании – дорогая упаковка сайта</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="H03V" class="m_retina">
      <img src="https://img1.teletype.in/files/c3/99/c399f786-4cbc-43fb-840c-e4b872b6cbb4.jpeg" width="960" />
      <figcaption>Один из способов показать надежность компании – дорогая упаковка сайта</figcaption>
    </figure>
  </section>
  <p id="up0b">Анализируя лендинги с высокой конверсией, нашли следующие особенности.</p>
  <p id="Uo9R"><strong>На первом экране:</strong></p>
  <ul id="lrk9">
    <li id="D7xW">персонаж ЦА в процессе взаимодействия с продуктом;</li>
    <li id="YpEE">эксперт онлайн-курса;</li>
    <li id="RETf">интересное изображение физического товара;</li>
    <li id="Nl5V">красивая картинка – результат, который получит клиент, если обратиться в эту компанию. Например, современный коттедж с огороженной озелененной территорией и счастливыми владельцами</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="XaU0" class="m_retina">
      <img src="https://img1.teletype.in/files/4b/a2/4ba2925c-5406-4447-810a-a0d384f744b6.png" width="1524" />
      <figcaption>Вариант первого экрана для детского развивающего клуба</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="v7PQ" class="m_retina">
      <img src="https://img2.teletype.in/files/9d/d2/9dd26864-5fe4-44af-8702-c3a9ac72e4fc.png" width="411.5" />
      <figcaption>Врач на первом экране лендинга по протезированию зубов</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="7H1o" class="m_retina">
      <img src="https://img4.teletype.in/files/34/f9/34f9c18c-69f9-4139-8fd7-fd4f76fe6e51.png" width="1860" />
      <figcaption>«Дорогое» изображение физического товара</figcaption>
    </figure>
  </section>
  <ul id="ub3o">
    <li id="Z26h">Текст хорошо читается</li>
    <li id="Upjw">Дизайн и текст несут единую мысль</li>
  </ul>
  <p id="SuEF">Вообще, визуал – спорная штука. Куда более субъективный, чем маркетинговая составляющая разработки. В идеале ее нужно тестировать в каждом проекте. Если на одном лендинге сработал какой-то визуальный прием, это не гарантирует, что на другом сайте он будет таким же эффективным.</p>
  <p id="P1WP">Подтверждение этому кейс – на первом экране лендинга по продаже очков была красивая девушка в очках (не стоковая). Когда ее заменили на фото коробки с товаром, конверсия выросла на 72%.</p>
  <h3 id="Пункт-4.-Кейсы-и-отзывы">Пункт 4. Кейсы и отзывы</h3>
  <p id="SHN6">В некоторых нишах кейсы – главное, а порой, единственное, что интересует посетителей. Например, когда мы делали лендинг для онлайн-тренера, то подняли результаты его подопечных на второй экран. Конверсия лендинга составила 21% против 3% у исходника. Аудитория, изучив кейсы, сразу заполняла лид-форму, которая шла следующим экраном.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="QD7F" class="m_retina">
      <img src="https://img2.teletype.in/files/55/5f/555f0d60-59ce-4fc1-9c53-fc8f56e21099.png" width="1524.5" />
      <figcaption>Кейсы на втором экране лендинга позволили увеличить конверсию более чем на 500%</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="SH2E" class="m_retina">
      <img src="https://img4.teletype.in/files/f8/82/f8826961-37d8-491b-bea9-d9efe06f2236.png" width="450" />
      <figcaption>На сайте стоматологии показали кейс в формате «До/После»</figcaption>
    </figure>
  </section>
  <h3 id="Пункт-5.-Последовательность-расположения-блоков">Пункт 5. Последовательность расположения блоков</h3>
  <p id="aRkv">Здесь обошлось без сюрпризов:</p>
  <ul id="3ZoJ">
    <li id="OO94">Если клиент ищет, где заказать пластиковые окна, не надо рассказывать, чем они лучше деревянных. То есть мы учитываем, на какой ступени лестницы Ханта находится ЦА</li>
    <li id="aOOk">Сначала показываем и раскрываем яркие выгоды, конкурентные преимущества и те критерии, на основе которых аудитория выбирает продавца. Экранами ниже рассказывает менее важную информацию. Вспомните пример выше – с результатами подопечных онлайн-тренера.</li>
    <li id="zyNt">Информация должна последовательно закрывать страхи и сомнения, давать ответы на информационные вопросы. Мы для этого часто используем pop-up окна. Так мы не перегружаем страницу текстом, а посетитель находит всю информацию на нашем сайте и не уходит к конкурентам. А значит, вероятность целевого действия возрастает.</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="NXn0" class="m_retina">
      <img src="https://img3.teletype.in/files/e8/f2/e8f2f9cd-961c-49b7-995e-506f27f07cc7.png" width="411.5" />
      <figcaption>Поп-ап окна отвечают на информационные запросы клиентов об услуге</figcaption>
    </figure>
  </section>
  <h3 id="Пункт-6.-Квиз">Пункт 6. Квиз</h3>
  <p id="In8U">Популярность квизов остается на высоком уровне. Маркетологи активно используют этот инструмент для получения контактов потенциальных клиентов.</p>
  <p id="spzY">Мы тоже работаем с квизами. Но внедряем их в лендинг как один из экранов – по сути, это получается как лид-форма. Таким образом охватываем и холодные, и теплые лиды.</p>
  <p id="ltT2">У нас был кейс, когда мы подняли конверсию лендинга более чем на 100% и снизили стоимость лида в 2 раза, в том числе с помощью квиза на лендинге. Но оказалось, что клиент не готов работать с такими холодными заявками.</p>
  <p id="zvE1">Почему мы не предупредили заказчика про такой эффект квиза? Наша команда взаимодействовала с маркетологом компании. Мы были уверены, что он в курсе, как работает квиз. Теперь всегда обговариваем такие моменты перед созданием прототипа.</p>
  <h3 id="Пункт-7.-Прототип-–-один-из-этапов-разработки-сайта">Пункт 7. Прототип – один из этапов разработки сайта</h3>
  <p id="6ShR">Ни в одном из рассмотренных кейсов я не встретила, чтобы дизайнеру передавали в работу сразу текст. Всегда в качестве промежуточного результата был прототип.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="dmqE" class="m_retina">
      <img src="https://img3.teletype.in/files/65/cb/65cb093a-bfa3-4fe9-90e9-1df43fc44f1c.png" width="1199" />
      <figcaption>Прототип позволяет клиенту еще перед дизайном увидеть, какой будет структура, согласовать тексты, последовательность блоков, CTA-кнопки и др.</figcaption>
    </figure>
  </section>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="9iaF" class="m_retina">
      <img src="https://img4.teletype.in/files/74/1b/741b1dcb-7932-4831-8200-a4fcca338f55.png" width="410" />
      <figcaption>Прототип – обязательный промежуточный этап разработки сайта</figcaption>
    </figure>
  </section>
  <p id="Tz5q">Это существенно облегчает дальнейшую работу и согласование. Гораздо проще изменить текст, последовательность блоков и другие элементы лендинга на этапе прототипа, чем после дизайна и верстки.</p>
  <h3 id="Пункт-8.-Работа-с-выгодами,-смыслами-и-пр.">Пункт 8. Работа с выгодами, смыслами и пр.</h3>
  <p id="DgLB">В удачных кейсах:</p>
  <ul id="oGwk">
    <li id="3ckM">«Говорить на языке ЦА». Выгоды продукта показывали словами клиента, например, через отзывы (текстовые и видео). Мы используем термины и характерные выражения потенциальных клиентов, которые находим в ходе исследования – на тематических форумах, в социальных сетях и отзывах.</li>
    <li id="Y1XJ">Закрываем возражения и работаем с критериями принятия решения через аргументированные и конкретные выводы</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="CP5w" class="m_retina">
      <img src="https://img4.teletype.in/files/bf/a0/bfa0c166-4438-4be1-8a41-35ae92f8a2de.png" width="1069" />
      <figcaption>Через цифры показываем, что в ассортименте точно найдется товар для вашего авто, и он прослужит долго</figcaption>
    </figure>
  </section>
  <ul id="t6N5">
    <li id="L8jK">Каждый последующий экран раскрывает выгоды продукции, закрывает возражения и страхи, отвечает на вопросы ЦА. Каждый блок «прогревает», «продает», а не пишется ради «воды»</li>
    <li id="8Uuc">Какие блоки встречаются: гарантии, выгоды, характеристики, отзывы, кейсы, кому подходит, тарифы, FAQ, контакты. Не везде и не всегда, но на большинстве посадочных страниц с высокой конверсией эта информация была</li>
    <li id="RdRO">Не используют шаблонные фразы и однотипные заголовки «Лучшая цена», «Профессиональный», «Гарантия качества» и т.д. О том, почему это плохо для конверсии, смотрите <a href="https://vc.ru/marketing/540397-uvelichili-chislo-zayavok-s-sayta-na-518-dlya-etogo-izmenili-zagolovki-i-ocherednost-ekranov" target="_blank">статью «Как мы увеличили конверсию лендинга на 518%, изменив заголовки и подзаголовки»</a></li>
    <li id="5CTb">Качество подтверждаем документами – сертификатами, аттестатами, лицензиями и др., отзывами и кейсами</li>
  </ul>
  <h3 id="Пункт-9.-Первый-экран">Пункт 9. Первый экран</h3>
  <p id="5vUj">Все знают о важной роли первого экрана? 70%-80% аудитории уходит с сайта, если вы не заинтересовали в первые 5-10 сек.</p>
  <p id="9Ham">Какие первые экраны были на исследованных сайтах:</p>
  <ul id="o4Vz">
    <li id="yerR">В заголовке: ключевые выгоды, персонализация, суть услуги</li>
    <li id="9Kni">Кроме заголовка, на 60-70% лендингов присутствует подзаголовок и буллиты (это основные и дополнительные критерии принятия решения)</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="0mvR" class="m_retina">
      <img src="https://img1.teletype.in/files/c1/ed/c1edb935-2ee8-4feb-adaa-d7b549d1966b.png" width="960" />
      <figcaption>Буллиты на первом экране – критерии принятия решения, конкурентные преимущества, яркие выгоды</figcaption>
    </figure>
  </section>
  <ul id="fDsF">
    <li id="Hjju">Легкий CTA «Рассчитать стоимость и сроки», «Получить 3 варианта КП», «Получить консультацию ведущего специалиста», «Записаться на первое бесплатное занятие»</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="wYFM" class="m_retina">
      <img src="https://img4.teletype.in/files/f1/27/f127f940-0be9-480b-8934-19b37b94360e.png" width="1780" />
      <figcaption>Лид-форма «нестрессовая», ни к чему не обязывает посетителя сайта</figcaption>
    </figure>
  </section>
  <h3 id="Пункт-10.-Лид-форма">Пункт 10. Лид-форма</h3>
  <p id="0yhR">Общее у конверсионных лендингов:</p>
  <ul id="Ruqp">
    <li id="BM9b">Простые понятные лид-формы с разными призывами к действию</li>
    <li id="o8eP">Как минимум одна открытая лид-форма</li>
    <li id="BKNM">Минимум полей для заполнения – имени и телефона будет достаточно</li>
  </ul>
  <p id="6UW1">Спорный вопрос – стоит ли давать посетителям возможность связаться через мессенджер. Практика показала, что в большинстве случаев это холодные лиды.</p>
  <p id="7u2Z">Прежде чем ответить на вопрос, готовы ли вы с ними работать, следует вспомнить: во многих нишах пополнение базы контактов не менее важно, чем теплые заявки. Например, в стоматологии при грамотно выстроенной воронке продаж холодные клиенты вполне могут превратиться в постоянных и принесут немало прибыли.</p>
  <p id="V0c9">Мы всегда рекомендуем оставлять возможность связаться через мессенджеры. Это не только увеличивает конверсию, но и дает посетителю понять, что здесь о нем думают, заботятся, а не просто всеми способами пытаются вытянуть номер телефона. Экологичный подход, на мой взгляд.</p>
  <h3 id="Пункт-11.-Технические-моменты">Пункт 11. Технические моменты</h3>
  <p id="Nmm7">Об этом в кейсах было немного информации:</p>
  <ul id="bggT">
    <li id="P1br">Сайт быстро грузится: после доработки сайта скорость загрузки выросла в 6 раз, а конверсия сайта на 15%</li>
    <li id="EY8r">Сайт адаптирован под все разрешения экранов и современные устройства (IOS, Windows и др.)</li>
  </ul>
  <p id="w7h9">Мы не брали в расчет кейсы, где была SEO-история.</p>
  <h3 id="Что-объединяет-неудачные-кейсы?">Что объединяет неудачные кейсы?</h3>
  <p id="tz2U">«Лендинги с конверсией 0», – по такому запросу ничего не нашлось. Поэтому анализировали кейсы, в которых конверсия сайта после изменений стала выше.</p>
  <p id="SoCV">Ошибки, которые мешали получать с лендинга много заявок:</p>
  <ul id="Ub4g">
    <li id="INYY">Невнятный первый экран. Посетитель не понимает, куда он попал, что здесь предлагают, чем может быть полезна компания. В примере еще и абсолютно нечитаемый шрифт</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="tS9i" class="m_retina">
      <img src="https://img1.teletype.in/files/01/cf/01cff7b8-49d6-48bc-bd36-55b8f1cfac5c.png" width="1000" />
      <figcaption>Попробуйте угадать, что здесь продают</figcaption>
    </figure>
  </section>
  <ul id="5oGT">
    <li id="04T2">Лид-форма с множеством полей для заполнения</li>
  </ul>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="MVnb" class="m_retina">
      <img src="https://img2.teletype.in/files/15/95/1595939a-2812-4fc2-8fa8-79bcb03a0873.png" width="786" />
      <figcaption>Пример неудачной лид-формы</figcaption>
    </figure>
  </section>
  <ul id="HtPc">
    <li id="XwvS">Текст не структурирован, нечитабельное полотно текста. Такое будут читать только очень заинтересованные в вашем продукте клиенты – те, кто уже решил купить у вас и внимательно читает условия</li>
    <li id="M2DN">В отзывах не выделены смыслы, которые раскрывают ценность продукта и закрывают возражения читателей. Отзывы теряются при быстром скролле страницы</li>
    <li id="4smS">Нет кейсов, или они спрятаны внизу страницы – 80% посетителей просто не долистывают до этого экрана</li>
  </ul>
  <p id="ePdk">Расскажите, какие приемы, которые всегда помогают получать высокую конверсию при разработке сайтов, используете вы.</p>
  <p id="slRl">Если вам нужен лендинг или прототип, приходите<a href="https://vk.com/studiolend" target="_blank"> в личку</a> или на <a href="https://api.whatsapp.com/send?phone=+79128514571&text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5!%20%D0%9D%D1%83%D0%B6%D0%BD%D0%B0%20%D0%BA%D0%BE%D0%BD%D1%81%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%86%D0%B8%D1%8F%20%D0%BF%D0%BE%20%D1%81%D0%B0%D0%B9%D1%82%D1%83" target="_blank">востап</a> – обсудим, как сделать для вас сайт, который принесет новые заявки.</p>

]]></content:encoded></item></channel></rss>