- Октябрь 12, 2016
Как создать лендинг, который будет продавать?
Разобраться с формами
и тысячей мелочей
Вас приветствует наша постоянная рубрика «Анализируем Landing Page»! Если Вы читаете наш блог не первый день, то уже знаете, что особое внимание мы уделяем лендингам, а также их умению продавать различные непростые товары и услуги. И сегодня мы будем говорить о том, как создать лендинг для театральной студии.
Как и всегда в этой рубрике, нам понадобится помощь со стороны. И сегодня нашим помощником будет страничка театральной студии «Ирбис», посмотреть на которую Вы можете по адресу http://lp5.irbis-dance.ru/. По сложившейся традиции я предлагаю Вам для начала перейти по ссылке, посмотреть на этот лендинг, сделать собственные выводы, а уже потом сравнить их с изложенным в этой статье мнением.
Посмотрели? Тогда давайте приступать к разбору!
Общее впечатление
Лендинг сделан красиво и интересно, привлекает внимание. В целом мне все понравилось, на первый взгляд никаких замечаний нет.
Единственная странность, которую я заметил, — на страничке почему-то не работаю кнопки «Home» и «End». Учитывая то, что лендинг достаточно объемный, для меня это было очень неудобно. Из-за чего такая проблема возникла — я, признаться, не знаю, нужно консультироваться с техническим специалистом.
Виджетов на страничке никаких нет. Как и всегда — уточню, что не могу сказать, хорошо это или плохо. Главное — надеюсь, это осознанное решение, основанием для принятия которого стала какая-то четкая причина, а не просто забывчивость.
Первый экран
Перед Вами — первый экран лендинга. Легко ли понять, что Вы попали по адресу? На мой взгляд — вполне. Тут и крупный заголовок, и иллюстрация на заднем фоне — все в тему, все сразу же показывает, что мы оказались именно там, где и собирались — на сайте детской театральной студии. Отлично!
Давайте теперь посмотрим на отдельные элементы первого экрана. И начнем, как и всегда, с шапки сайта.
Как видите, в ней всего 3 основных элемента — логотип, названия станций метро и телефон. Давайте поговорим о них по порядку.
Логотип (вернее, название компании). На мой взгляд (хоть я и не дизайнер) для творческой студии одного названия маловато. Хотелось бы видеть и какой-то графический элемент, и поясняющую подпись. Тогда это будет уже полноценный логотип, разместить который можно и на различной рекламной и информационной продукции.
Названия станций метро в шапке заменяют стандартные пункты меню. Ведут они при этом все на одну и ту же карту, находящуюся почти в самом конце странички (а кнопка «Home»-то не работает…). Карту подробнее рассмотрим попозже, а пока что уточню — при выборе разных станций изображение на карте и описание маршрута меняются.
В общем-то, мне понятно, почему принято именно такое решение — видимо, для того, чтобы сразу зацепить тех, кто живет рядом с этими станциями. Но не боитесь ли Вы получить и обратный эффект — напугать тех, кто живет далеко? Ведь Вы еще не успели их заинтересовать, привлечь их внимание тем, какие Вы замечательные… Зато уже показали, что ехать до Вас им придется довольно долго.
Решение, безусловно, за Вами. Но я бы, учитывая проблемы с навигацией по лендингу, вместо названий станций сделал полноценное меню с тремя-четырьмя основными пунктами, «прилипающее» к верхней части экрана. Тогда и путешествовать по сайту станет легче, и напугать потенциальных клиентов дальними поездками Вам не удастся.
И, наконец, телефон. Номер городской, это хорошо, — он вызывает больше доверия, демонстрирует солидность компании. Давайте попробуем заказать звонок.
А вот тут мы видим довольно распространенную ошибку — сразу 3 разных призыва к действию: «Заказать обратный звонок» (соответствует тексту на главной странице; но лучше было бы написать «Закажите»), «Заполните форму» и «Оставить заявку». Заказать, заполнить и оставить… Так что в итоге делать-то?
Не путайте клиента! Предложили ему заказать звонок на главной странице лендинга — продолжайте делать это и на всплывающем окне. Оставьте в верхней части всего один призыв: «Закажите обратный звонок — просто заполните форму» (или «Закажите обратный звонок, и мы свяжемся с Вами»). Поставьте на кнопку соответствующий текст — «Заказать звонок». И конверсия формы вырастет, уверяю Вас!
Два поля в форме — это, безусловно, Ваше решение. Лично я так делать не люблю — но это тоже мое решение 🙂 В общем, каждый принимает решение сам исходя из конкретной ситуации. Хотя лучший вариант, конечно, провести тестирование и посмотреть, сколько полей — одно или два — дадут лучшую конверсию как в заявку, так и в продажу.
Попробуем отправить пустую форму…
Как видите, не удалось. Это хорошо, защита от отправки пустой формы стоит. Теперь проведем тест на единички…
Подсказок при вводе телефонного номера не появилось — и меня это сразу насторожило. Отправляю заявку…
Так и есть! Одной-единственной единички оказалось достаточно для того, чтобы заявка была отправлена. Незачет!
Незачет и за текст благодарности. И если первая его половина соответствует тексту на кнопке, то вторая не лезет ни в какие ворота. Это просто убийственная неконкретность. Когда свяжетесь-то? Завтра, через неделю или через месяц? И как свяжетесь? Придете в гости? Отправите почтового голубя? Пришлете повестку?
Понятно, что все эти варианты, возможно, звучат довольно смешно. Вот только чем больше вопросов возникает у Вашего потенциального покупателя, тем дальше он от совершения покупки. Так что будьте конкретнее! Пишите четко: «Мы перезвоним Вам в течение 10 минут». И вопросов не будет!
Впрочем, что-то я затянул разбор шапки. Давайте переходить к следующим элементам.
И вот перед нами заголовок. Он очень четкий и конкретный. Но привлекает ли он внимание? Сомневаюсь. Интернет — это сеть, а не вакуум. Такой заголовок неплохо бы смотрелся где-нибудь на доске объявлений у входа в дом. Там он четко привлекал бы внимание целевой аудитории — родителей детей от 3 до 16 лет, которые хотят отдать своих детей в театральную студию.
В сети он, безусловно, тоже привлечет их внимание. Но будет при этом не единственным. То есть представитель Вашей целевой аудитории попросту наберет, к примеру, в Яндексе «театральная студия для детей» и откроет сразу штук 10 сайтов. Пусть половина из них не привлечет его просто потому, что окажутся нерелевантны запросу…
Но оставшиеся-то он будет сравнивать уже исходя из привлекательности заголовка. А что привлекательного в Вашем заголовке? Ни-че-го… Он просто констатирует факт.
Так что нужно его переписать. Да и то, что в октябре мне показывает текст про «запись на сентябрь» — это, согласитесь, не дело…
Этот элемент, видимо, должен «продавать» студию потенциальным клиентам. Вот только он с этим совершенно не справляется… В нем не хватает конкретики. Возможно, идея была в том, чтобы сыграть на эмоциях… Но, так как я не Ваша целевая аудитория, то и эмоций у меня этот призыв, признаться, не вызвал.
Не очень понятна и идея с медальоном. Рискую показаться необразованным, но я так и не понял, чей профиль на нем изображен. Не помогли и коллеги…
Нет, я не хочу сказать, что призыв плох! Просто он тут совершенно не к месту. Если бы перед ним был заголовок и хотя бы немного поясняющего текста — то все было бы нормально. Осталось бы только добавить кнопку «Подарить» и форму для сбора контактов… И все, «закрывашка» готова! А в таком виде получилось непойми что. Так что рекомендую переделать.
И последний элемент первого экрана — боковое меню. Что интересно, я встречаю его уже на втором разбираемом сайте подряд. Есть подозрение, что я пропустил какую-то новую моду… Но, если в прошлом разборе я не мог ничего сказать о функциональности похожего элемента, то в этот раз мне менюшка не понравилась.
Почему? Потому что там она помогала в навигации по сайту и вела к новым элементам. А здесь 3 из 4 закладок попросту уводят с лендинга на сайт. Но так быть не должно! Задача лендинга — получить контакт. Сайт с этим справляется гораздо хуже. А Вы прямо с первого экрана отправляете потенциальных клиентов на сайт, тем самым снижая конверсию странички!
Кроме того, меню получилось довольно громоздким. На небольших экранах оно закрывает часть информации, да еще и дополнительно сжимает основную область сайта, создавая дополнительную пустую колонку. Выглядит это примерно вот так:
При этом в левой части экрана такого отступа нет. В общем, нужно с этим меню что-то сделать.
Основная часть лендинга
Вот и закончился первый экран. Давайте посмотрим, какие еще элементы есть на рассматриваемой страничке.
Хороший блок. Важно, что описано именно то, что получают от занятий дети — то есть выгоды, а не свойства. К сожалению, о том, что блоки с преимуществами нужно формулировать именно так, при создании сайтов слишком часто забывают.
Кстати, у каждого преимущества есть еще и расшифровка:
Вот так она выглядит. С одной стороны, я не большой сторонник различного интерактива на лендингах. С другой — тут он вполне к месту, так как объясняет, каким образом достигаются те или иные преимущества. Так что его наличие скорее плюс, чем минус.
Следом идет форма сбора контактов. Что не понравилось:
- призыв не совпадает с текстом на кнопке;
- сразу три поля, причем все они обязательны для заполнения;
- нет подсказки при вводе телефона.
Кстати, дальше эта форма будет повторяться, и там проблемы те же самые (это чтобы не писать два раза одно и то же).
Сама акция мне понравилась, она интересная. Вот только есть ли смысл в такой подробной расшифровке? Или Вы опасаетесь, что от Вас будут требовать именно день, а не несколько часов? Но даже в таком случае, быть может, есть смысл как-то поизящнее сформировать этот блок?
Мне кажется, что идеальный вариант — это призыв («Посетите»), поле для ввода телефона, кнопка (с соответствующим призыву текстом) и уже под ним — «Дайте шанс». А все остальное — лишнее!
Про этот блок сказать особо нечего. Разве что не очень понятно, зачем было сокращать сценический бой — он все равно на отдельной строчке, так что вполне можно было написать его целиком. Но это, в общем-то, совсем мелочь…
Тоже блок, к которому комментариев у меня практически нет. Разве что фраза «планируется связать свою жизнь» выглядит как-то корявенько. Ее стоит исправить.
Кроме того, утверждение «занятия будут полезны каждому» нуждается в расшифровке. Почему именно они будут полезны каждому? Какие полезные знания и навыки дадут? В общем, подумайте в этом направлении.
Интересный блок. При наведении курсора на фото или текст цвет шрифта меняется на розовый, а на портрете появляется надпись «Подробнее о педагоге». Если кликнуть на фото или имя педагога, то появится всплывающее окно:
У текстов есть небольшие проблемы с форматированием — пробелы проставлены не там, где нужно. Кроме того, не очень понятно, почему слово «Спектакль» везде написано с заглавной буквы.
Впрочем, это мелочи, но больше мне сказать об этом блоке нечего — он не продающий, а информационный.
Двойственное впечатление оставил это блок. Не могу определиться — хорошо это или плохо, что Елена проводит мастер-классы в течение года во всех группах?
С одной стороны, посыл авторов понятен — показать, что режиссер занимается со всеми детьми.
С другой — из текста следует, что Елена не ведет занятия постоянно, а только проводит немногочисленные мастер-классы.
Я не целевая аудитория лендинга, выводы делать не мне. Возможно, ничего страшного в такой формулировке и нет. Но не обратить на нее внимание я тоже не могу…
Помните, я радовался тому, как здорово описаны выгоды для детей от занятий в студии? А вот в этом блоке свойства не везде стали выгодами… Сравните 2 первых факта с последним.
Видите разницу? В последнем расшифровано, чем для потенциального клиента выгодно наличие 5 филиалов. А в первых двух такого разъяснения нет.
О том, как превратить свойства в выгоды, читайте в статье «Продающий текст: уроки копирайтера»
Возможно, Вы считаете, что для любого человека понятно, какие выгоды его ребенок получит от опытных преподавателей и выступлений на сцене. Так вот: это не так. Даже если Вы спросите у своих коллег, что это за выгоды, Вы получите разные ответы. А что говорить о людях, не имеющих отношения к Вашей сфере?
Кроме того, изучая лендинг, люди не склонны додумывать. Они воспринимают ту информацию, которую Вы им даете. Вы пишете про опытных преподавателей — и они это читают и запоминают. А если Вы напишете про выгоду, то запомнят они именно эту выгоду. И этим нужно пользоваться! Так что пишите про выгоды, а не про свойства.
Здесь ситуация та же самая. Что Вы хотите сказать этим блоком — что Ваших учеников берут в кино? Тогда это свойство. Или что и ребенок человека, изучающего Ваш лендинг, может попасть в кино после посещения Вашей школы? Тогда это выгода.
Думаю, Вам хочется донести именно вторую мысль, именно выгоду. Но сейчас обычный человек поймет только первую. Потому что вторая сложнее, длиннее и требует больше фантазии.
Кстати, если Вы считаете, что я понял, какую выгоду демонстрирует этот блок, а значит, поймут и другие, — то Вы ошибаетесь. У меня просто профессиональная деформация — все свойства я автоматически пытаюсь превратить в выгоды. Но и то только тогда, когда работаю. А когда ищу какую-то вещь для себя — уже ничего не додумываю и читаю только то, что есть.
Так что не дайте пропасть хорошему блоку — добавьте в него выгоду для Ваших клиентов. Буквально одной строчки будет вполне достаточно!
Аналогично. Свойства есть — выгод нет. А еще есть ошибки в тексте и не очень понятный заголовок… По идее, этот заголовок должен относиться ко всему блоку. Но он относится только к тексту и кнопке.
В общем, есть ощущение, что на лендинге иногда дизайн сделан ради дизайна… То есть конкретно в этом блоке хочется увидеть текст, имеющий отношение к иконкам и подписям к ним. А он почему-то относится только к самому себе да к кнопке… Не надо так.
Хочется добавить форму для сбора контактов — добавьте ее отдельно, но уже после блока. А засовывать ее в середину нет никакого смысла.
Хороший блок, комментировать особо нечего. Правда, не хватает запятой в заголовке, но это можно списать на маркетинговый ход.
Само по себе наличие видео — это очень хорошо. Но я бы немного поколдовал с заголовком. Если у блока с фотографиями оно довольно привлекательное, то здесь это опять свойство. А потенциальным клиентам, не устану это повторять, нужно показывать выгоды.
Причем сделать это совсем не сложно. Например, так: «Посмотрите, какой яркой жизнью сможет жить Ваш ребенок!» Заголовок я написал буквально на коленке, но смысл Вам, думаю, понятен.
И здесь все то же самое — сделайте заголовок привлекательнее, заставьте людей не просто смотреть видео, а примерять их на себя и своего ребенка!
Отличный блок — и очень полезный, и сделан хорошо. Важно, что есть отзывы, написанные от руки, и ссылки на аккаунты людей, оставивших отзывы, в социальных сетях. Все это добавляет достоверности, показывает, что отзывы настоящие.
Из минусов — отзывов детей я так и не нашел, хотя в заголовке они анонсированы. Но, быть может, просто плохо искал. У рукописных отзывов не хватает расшифровок. Не все они написаны разборчивым почерком, а значит, читать их не будут. Хотите, чтобы прочитали, — облегчите этот процесс.
Еще одна форма сбора контактов. Во всем, кроме иллюстрации, в точности повторяет первую. Соответственно, и все комментарии к первой форме можно отнести и к этой.
Тоже интересный блок, понравилось необычное оформление. Но в тексте опять описаны свойства вместо выгод. Кроме того, ссылка на сайт — это минус. Лендинги делаются для того, чтобы максимально привлечь внимание посетителей и не отпускать их до тех пор, пока они не оставят заявку. А ссылка не просто отвлекает потенциального клиента, а еще и помогает ему покинуть сайт. Это не дело!
Еще из мелочей: фото не кликабельные, поэтому нормально их рассмотреть не получится. А в тексте есть опечатки.
Под блоком — кнопка с надписью «Присоединяйтесь!» а во всплывающем окне — опять разноголосица призывов и текста на кнопке… Повторяться не буду, так как уже писал в этой статье, почему так делать не нужно и как это исправить.
Этот блок понравился — на картах даже маршруты нарисованы, просто отлично!
Сам по себе это правильный и полезный блок, но можно поработать над заголовком, сделать его более привлекательным.
Ничего страшного в том, что Вы в названии блока просто констатируете факт, описывая его содержание, безусловно, нет. Но зачем просто терять элемент, который может приносить пользу?
Ведь место на лендинге не бесконечно, и чем тщательнее Вы работаете над каждым элементом, чем более продающим делаете каждый из них, тем выше в итоге будет конверсия Вашего лендинга. А это значит, что Вы получите больше клиентов. Ведь Ваша цель именно в этом, правда?
А вот так, собственно, выглядит ответ. Появляется он по клику на вопрос.
Над формулировками ответов тоже стоит поработать. Сейчас они сложные и непонятные. Почему это нужно сделать и нельзя поступить по принципу «и так сойдет!» — смотрите чуть выше.
Главный вопрос: за какой период указана цена? За неделю или за месяц? Что за 12 часов — понятно, но как именно эти часы распределяются? Если это решают родители — так и напишите, будет дополнительный бонус. Если определен конкретный период — тоже напишите. В общем, не заставляйте людей думать и гадать!
Вопрос поменьше: а зачем такие сложные системы градаций, если у 3 из них и стоимость, и продолжительность занятий одинаковые? Почему нельзя было просто написать 6-16 лет?
Финальная форма сбора контактов — и беда с ней все та же: призыв не вяжется с текстом на кнопке.
Подвал лендинга. На мой взгляд, он перегружен. Такое ощущение, что в него постарались запихнуть все, что только можно. Зачем прямо под одной формой сбора контактов делать вторую? Зачем нужна информация о том, что Вы принимаете банковский карты? В чем смысл такого массивного логотипа с пояснением? Он имел бы смысл на первом экране, но не в подвале. Если посетитель просмотрел всю страницу и так и не понял, чем именно Вы занимаетесь, то что-то тут не так…
Итого, можно оставить сокращенный логотип, номер телефона, кнопки социальных сетей (ссылку на сайт лучше выполнить в том же стиле, чтобы она не выбивалась из общего ряда), а также знак охраны авторского права. Подвал сразу станет меньше и легче для восприятия, при этом ничего не потеряв в плане функциональности.
Кроме того, можно дополнительно разместить реквизиты компании — они добавят солидности и покажут, что Вы не какая-то шарашкина контора.
Как создать лендинг, который будет продавать?
Итак, возвращаемся к главному вопросу — как создать лендинг, который будет продавать? Заготовка для него у Вас уже есть. Но с ней нужно теперь как следует поработать. Подробный рецепт я описал в этой статье, а в заключении подведу итоги.
Первая задача — поработать с формами сбора контактов. Их нужно довести до ума во всем — от призывов до количества полей.
Следом нужно разобраться с текстами, сделать их более продающими. При этом основное внимание уделите первому экрану — ведь это настоящее лицо Вашего лендинга.
И третья задача — поработать над небольшими, но важными деталями: ссылками, менюшками и прочим. В общем, надо всем тем, что я постарался максимально подробно описать в этой статье.
Если у Вас остались вопросы — задавайте их в комментариях, и я обязательно на них отвечу.
Статья была для Вас полезна? Тогда делитесь ссылкой на нее с друзьями и коллегами — для меня это будет лучшей наградой!
И, конечно, присылайте ссылки на свои сайты и лендинги — а мы разберемся, умеют ли они продавать.
До новых встреч!
Статьи в тему
- Доводим до ума одностраничный сайт о корпусной мебели
- Рекламная кампания: основные ошибки при подготовке
- Как сделать лендинг, который будет продавать?
- Повышение конверсии лендинга в заявки
- Создание лендинга: как не наделать ошибок