Необычные лендинги. Примеры лендинг пейдж: советы по созданию

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

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

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

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

Критерии оценки сомнительны

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-10 сайтов?

Где брать сайты на конкурс? Всё это усложняет ситуацию в создании настоящего и честного рейтинга лучших сайтов.

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас ?” или “Сколько Вы получаете заявок из ?”.

Я уверен, никто не ответит на такой вопрос, так как либо никто не считает, либо скажет, что это конфиденциальная информация.

Ага, размечтались!

Поэтому я сделал проще. Стал искать и просматривать рейтинги и подборки лучших лендингов. И знаете что?

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

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” – деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

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

Проект “Большая сушка”

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

А это влияет на отток посетителей, в силу того, что они не видят логичного закрытия всей истории.

7.

Мы сами пользуемся системой взаимоотношений с клиентами Битрикс24. Но так как у нас тема не “ ”, то сайт системы Мегаплан превзошёл все ожидания.

Они через него донесли все главные моменты своей системы, после чего ты понимаешь, что это лучшее, что есть для бизнеса.

CRM “МегаПлан”

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

Кстати! Если Вы хотите использовать в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

Ещё один лендинг от банка. Он получает премию за свою оригинальность. Данная страница рассылается своим друзьям в качестве реферальной ссылки.

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

Банк для предпринимателей “Точка”

9. Оснащение тренажерных залов “Goodfit”

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

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

Для полной упаковки не хватает видео-презентации от лица генерального директора. Наверняка он у них в отличной физической форме.

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

Оснащение тренажерных залов “Goodfit”

10. Торговый центр “МЕТРОПОЛИС”

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

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

А значит логично было сделать небольшой дескрипшен (описание в несколько слов о компании), чтобы посетитель сразу знал куда попал и что его ждёт там.

Торговый центр “МЕТРОПОЛИС”

Только Россия!?

Да, в своем обзоре я главным образом сконцентрировался на самые лучшие одностраничный сайты рунета, хотя в мире есть очень много достойных, хороших вариантов.

Причем, самое главное (и оно же самое удивительное), лендинг пейдж в буржунете использует не только малый бизнес, но и даже крупный бизнес.

К примеру, одна из самых известных служб такси в мире Uber взяла в качестве главного сайта следующий вариант – многофункциональный лендинг пейдж или, как еще принято говорить, многостраничный лендинг.

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

Но, я специально не выкладываю их landing page здесь, потому что они другие. Пускай все говорят о том, что мы повторяем всё за западом, но в данном случае я считаю иначе.

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

У нас же, в России, этот страх стоит в первых рядах. Поэтому у них на сайте мало убеждающих блоков доверять компании, а у нас их тьма.

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

Лучше наслаждайтесь нашими русскими решениями. Моделируйте наши тексты и блоки. А в зарубежных сайтах просто берите хорошие идеи для дизайна.

Коротко о главном

Теперь, когда Вы просмотрели всех претендентов, я не призываю Вас вслепую на них ориентироваться, но посмотреть лучшие landing page для примера определенно стоит.

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

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

Используйте для этого , например, PlatformaLP , Tilda , Bloxy . А уже потом, мы ждём Вас к нам в гости на совместную разработку.

Мы с вами уже обсуждали, что такое landing page, чем они хороши и на какие базовые принципы опираются. Но несмотря на то, что существует ряд правил и приёмов, которые обеспечат успешность вашего сайта, неправильно думать, что разработка лендинга – это шаблонная работа, а хорошо работающую страницу можно сделать за 5 минут, только знай себе картинки подставляй и тексты меняй. Конечно, это творческий процесс, и фантазия, подкрепленная пониманием поведения своей целевой аудитории, только поощряется. Ниже мы представим десятку примеров небанальных лендингов, а также страниц, обеспечивающих высокую конверсию.

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

Прилагательное “продающий” используется сейчас во всех маркетинговых инструментах.

И сфера веб-разработок не исключение, там мы тоже постоянно видим броские фразы в стиле “продающий сайт” или “продающий лендинг”.

Но если трезво оценивать идеологию создания качественного landing page, то мы увидим, что слово “продающее” это набор маркетинговых знаний в одну площадку.

Какие из них являются важными, а какие пылью в глаза, я расскажу в этом материале.

Надоело врать

Часто мои коллеги, после очередного разговора с клиентом по услуге , говорят мне возмущённую фразу: “Никита, нам надоело спорить с ними. Может сделаем то, что они хотят?”.

Всё дело в том, что для простого обывателя хороший лендинг = много фишек. А если оригинальных решений на сайте нет, то автоматически сайт плохой и не продающий.

Всё! Накипело. Расставим все точки (говорю мечтательным голосом). Раз и навсегда определим что такое настоящий продающий одностраничный сайт, и как выглядит ерунда, которая имеет от этого только название.

Будет и интересно, и скучно, но точно полезно. Начнём с лаконичного описания данного термина.

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

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

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

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

Подготовительная часть

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

Качественная продающая страница landing page – это проект, который не только создаётся по всем правилам, но и также к которому Вы правильно готовитесь.

Всё как при запуске ракеты: 50% успеха это правильное определение координат. Итак, каким должен быть продающий сайт.

1. Один продукт (цель)

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

Это то же самое, если Вы приедете покупать автомобиль в салон, а я Вам дополнительно к нему буду продавать дом на Рублевке.

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

Вы можете сейчас возразить на тему того, что я утрирую и никто никогда не продаёт всё подряд на одном сайте.

Вы частично правы, только Вы видите всё замыленным взглядом. Для Вас все Ваши услуги или товары по-умолчанию нужны для Вашего клиента, а на самом деле, в 9 из 10 случаев (бывают исключения) человек приходит за чем-то одним.

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

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

Мы руководствовались мыслью, что если человеку нужно , то он сам выберет то, что ему подходит. И это былая наша самая большая ошибка.

Ошибка

Дело в том, что человек, видя все эти услуги, может у нас их заказать только если ему порекомендовали нас или он полный “дурак”.

Так как всё равно, что купить кота в мешке. Никакой дополнительной информации, выгод и ответов на вопросы.

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

Уже давно у нас на каждую услугу отдельный лендинг, куда человек попадает из маршрутной страницы .

Поэтому когда Вы делаете сайт, чётко определитесь для какого продукта Вы это делаете. И также периодически меняйте слово “Продукт” на “Цель”.

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

2. Целевая аудитория

По моим внутренним подсчётам это 200 упоминание на нашем блоге про целевую аудиторию.

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

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

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

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

Целевая аудитория

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

Для этого представьте, что Вы продаёте нано-тренажёр для похудения. Навскидку, у Вас потенциальные клиенты это все люди с лишним весом. Но у меня к Вам вопрос – они похожи в своих критериях выбора?

Надеюсь, что Вы ответили нет. Все люди разные, как и их критерии выбора. Один готов заплатить любые деньги, лишь бы гарантированно получить результат.

Другой купит только то, что не занимает много свободного времени. А третий вообще кроме низкой стоимости ничего не видит. Этот список можно продолжать и продолжать.

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

3. Уровень осознанности

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

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

В маркетинге данный странный подход называется “ ”. Но я не буду грузить Вас умными терминами, а просто покажу на примере как это работает.

И для этого сравните между собой три одинаковых и в то же время разных запроса в поисковую строку Яндекса или Гугла:

1. Из чего построить малоэтажный дом?
2. Кирпич или сруб в строительстве домов?
3. Строительство малоэтажных домов из кирпича

Все эти запросы относятся к малоэтажному строительству и все они в теории потенциальные клиенты для строительных фирм.

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

Для Вас при разработке это значит, что во всех случаях будет разная , тексты на нём и изображения.

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

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

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

Самые любимые для всех – горячие, то есть те люди, которые хотят купить прямо здесь и сейчас.

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

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

Тоже не буду скрывать и скажу, что все агентства по-умолчанию проводят брифинг клиента.

Но, как обычно, раскрою еще один секрет, который делает сайт продающим. Брифинг проходит устно.

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

Такой брифинг занимает 1-2 часа. И раз вскрываю все карты, то приготовьтесь к тому, что если у Вас компания новая или в ней ничего нет, то “упаковщик смыслов” просто ничего не сможет взять и сайт получится точно НЕ продающим.

Конечно, Вы на выходе будете винить во всём сайт или подрядчика, но на самом деле, всё дело будет в отсутствии Ваших наработок, выгод и особенностей.

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

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

Реализация

После того как Вы провели подготовительную работу (выше написана основная), то у Вас автоматически сформируется правильная структура и Вы можете смело приступать к натягиваю каркаса.

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

Лайфхак. Если Вы будете делать лендинг самостоятельно, то я рекомендую – PlatformaLP , Tilda , Bloxy .

1. Оффер

Как только человек попадает на сайт, он первым делом видит Ваш оффер. Простым языком, это Ваше предложение с основными выгодами.

Главный оффер может быть 4 уровней. Отличительную разницу сразу видно на примерах.

Первый уровень – когда Вы просто пишите “Аренда машин в Москве”.
Второй уровень звучит уже интереснее – “Аренда машин в Москве. Премиум-автопарк”.

Третий уровень для многих даётся очень сложно и базируется на результате – “Аренда премиум-машин в Москве. Единичные экземпляры привлекут тысячи глаз всего от 5000 рублей в день”.

Можно ли назвать это идеальным предложением? Конечно, нет. Я придумал его за 2 минуты для этой статьи.

Но суть Вы уловили и заметили насколько разным может заголовок на первом экране. Поэтому по-умолчанию стараемся достичь 3, а еще лучше 4 уровня оффера.

Хотя к своему удивлению, я видел шикарные результаты на офферах 1 и 2 уровня, но это скорее исключения или очень продуманная стратегия.

Чтобы создать своё предложение, Вам нужно очень хорошо разбираться в своём бизнесе и понимать клиентов.

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

А лучше не просто читайте, а сразу создавайте и отписывайтесь о результатах в комментариях.

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

2.

Продающесть landing page также создаёт мастер по текстам (копирайтер). Он делает это на основе полученного от маркетолога прототипа, где отражены все выявленные смыслы на этапе упаковки.

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

Но это полная правда. Страшный сайт с хорошими текстом сделает своё дело. А плохие тексты на красивом дизайне потеряют клиента.

Хороший текст недооценён и это замечается во всех действиях клиента, который больше отдаёт внимание дизайну.

Но если Вы хотите получить качественный лендинг, Вам нужно очень внимательно подойти к заголовкам и текстам.

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

Помимо всего я дам Вам основные правила копирайтинга на сайтах, чтобы Вы могли хотя бы примерно определить насколько хорошая перед Вами работа.

Они не железобетонны, во всём есть исключения, но если нарушено сразу несколько пунктов, то стоит задуматься о качестве.

1. Не банальный заголовок. Если Вы видите заголовок “Почему выбирают нас?”, “О нас” или другой избитый вариант, который используется на десятках других сайтов, то бегите со всех ног.

   Сайты с банальными подводками говорят об их безусловном проигрыше на фоне любого другого сайта.

2. Вы-подход. Чем больше на сайте заголовков и текстов, которые начинаются со слова “МЫ”, то тем хуже сайт.

   Клиенту куда важнее, чтобы говорили о нём и для него, а уже потом он читал о Вас любимых.

3. Простой язык. Если потребитель ничего не понимает в том, что написано на лендинге или встречает незнакомые слова.

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

4. По делу. На одностраничнике не должно быть текста ради текста, даже если он создаётся для SEO.

   Если можно с сайта убрать этот текст и ничего не изменится, то нужно резать и сокращать.

5. Конкретика. Так же избитые словосочетания из серии “Индивидуальный подход”, “Гибкая система скидок”, “Высокое качество” являются клеймом.

   Единственное, это допускается, когда раскрывающий текст даёт 100% конкретику, а эта фраза лишь является подводкой или заголовком.

Отдельным пунктом хочу вынести такой критерий как “Отработка возражений”. Он реализуется по всему сайту во всех элементах текста.

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

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

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

3. Дизайн

Красивый сайт не всегда равно продающий сайт. Это Вам нужно запомнить навсегда. В своём материале

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

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

Тема создания лендинга не из легких, но весьма актуальная и интересная. Зная, как это делать, вы сможете зарабатывать деньги разными способами, например, как . Разбираясь в этом направлении, вы сможете начать свой малый бизнес, просто продавая товары или услуги через landing page.

1. Что такое лендинг пейдж - обзор для новичков

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

Лендинг – это одностраничный сайт или просто страница, цель которой – побудить у пользователей желание совершить какое-то действие: купить, подписаться, позвонить, оставить заявку.

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Почему делают лэндинги:

1. Они хорошо мотивируют посетителя совершить нужное действие.
2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
3. Распространения софта - продажа программного обеспечения.

Лендинг и воронка продаж

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

Процесс продаж через лендинг пейдж выглядит примерно так:

• увидели ссылку на посадочную страницу 100 человек;
• перешли по ссылке 40 пользователей;
• заявку оставило 10 человек;
• купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

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

Узкая часть – обработка заявок и продажа. Здесь мы оцениваем работу живых людей – операторов, менеджеров.

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

В каких случаях необходимо создать лендинг?

Ниже рассмотрим ряд случаев, когда вы можете столкнуться с необходимостью создания своего одностраничника.

Без сильного дизайна онлайн-бизнес не «выстрелит» — или, не раскроется на все 100%. Внешнему виду лендингов посвящена категория нашего блога — . Но сегодня мы рассмотрим удачные примеры дизайна именно товарных лендинг пейдж.

Обратите внимание на роль «главного изображения» или «hero image» в каждом примере — оно закладывает продающий потенциал лендинга.

Надеемся, эти кейсы вдохновят вас на собственные тесты.

1.

Сайт магазина дизайнерской одежды и аксессуаров Hebe Boutique — пример гармоничного, продуманного дизайна. Главное изображение сразу привлекает внимание, а фотографии товаров отличаются качеством. Типографика тоже радует: толщина шрифта больше стандартной, что, вместе с качественными фото, дает добротный визуальный образ.

2.

Этот сайт eCommerce оформлен в удачной гамме. Разработчики отказались от традиционного белого фона, что выделило ресурс из подобных. Как и в примере выше, Ticklers используют прекрасные фото. Большие, сменяющиеся изображения показывают, как сидит и смотрится одежда на живых людях в реальных условиях.

Интересный формат социального доказательства — протестируйте его на своих .

3.

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

4.

Интернет-магазин Ada Blackjack продает сумки и рюкзаки. Дизайн прост, в его основе — хорошие фото товаров. Такой макет не отвлекает от главного — товаров.

5. AMBSN

AMBSN — eCommerce-сайт по продаже одежды. Учитывая высокую конкуренцию, владельцы решили выделиться ярким оформлением — благо, стиль одежды позволяет это.

6. RYDER

Другой способ выделиться — нестандартный дизайн. Пример — магазин одежды и товаров для дома RYDER, с весьма креативным макетом (см. меню на скриншоте). Стоит протестировать, как это влияет на конверсию landing page.

7.

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

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

8.

Dick Moby продают очки, и на лендинге бренда много сильных дизайн-ходов:

• абстрактные символы на заглавном баннере — создают непринужденную атмосферу, располагая к изучению ассортимента;
• качественные фотографии товаров;
• на фото с очками нет фона — ничего не отвлекает от продукта.

9.

The Horse подкупает нестандартностью. Дизайн главной страницы построен на квадратных блоках. В первом — информация по доставке, в остальных — Instagram-фото продукта. Это интересно, потому что необычно.

10. ESQID

Бренд продает накладные ресницы. Они же — в центре композиции, а благодаря укрупненным фото товара (и его упаковки), продукт привлекает внимание с первых секунд.

11.

В дизайне Mahabis отражен важный аспект оффера — высокое качество. Пользователь может оценить мельчайшие детали — это внушает доверие и побуждает к покупке.

12.

Poketo — пример грамотного расставления цветовых акцентов. Хотя на главной странице много ярких красок, в целом, дизайн не перенасыщен ими. Сайт скорее светлый, пастельный, а броские цветные пятна только собирают внимание.

13.

Jackie Smith — очередной «яркий» сайт-eCommerce. Как и в примере выше, визуальный баланс выдержан хорошо. Насыщенными цветами выделены важные элементы — фото товаров и блоки с акциями. Все остальное — черно-белое.

14.

Дизайн Grovemade перекидывает мост между домашней страницей и витриной — на сайте продаются деревянные подставки, канцелярия и аксессуары. Многое со скриншота ниже — продукты бренда. Расположение товара на фото тщательно продумано, а нестандартный — несколько округлый — шрифт дополняет художественную концепцию.

15.

В онлайн-магазине обуви Muroexe товары удачно скомпонованы и представлены аккуратной сеткой. В дизайн много пустого пространства, что создает эффект легкости и улучшает пользовательский опыт.

16.

На первом экране онлайн-магазина Greyrock — только фото. Там изображена мебель, которая собирается легко и без инструментов (реальное УТП). Девушка с книгой и надпись в заголовке дополняют композицию, как бы говоря: «Расслабься (Take it easy), закажи мебель, быстро собери ее и отдыхай».

Кстати, данный лендинг выполнен на очень простом макете. В галерее шаблонов LPgenerator вы можете найти множество похожих готовых страниц, а обширный позволит вам скорректировать выбранные макеты без специальных знаний:

17.

Простота и красота керамики от Helbak удачно отразились на сайте бренда. Незамысловатые очертания товаров дополняет пустое пространство вокруг изображений.

18.

Еще один интернет-магазин в стиле «Ничего лишнего». Хотя дизайн обходится без особых «фишек», впечатления незавершенности он не оставляет. Все к месту, от перечня товаров ничего не отвлекает.

19.

Сайт с простым дизайном, без многочисленных фото продукта. При этом макет построен на «чистых» черных и белых оттенках, создающих выгодный контраст с фото ювелирных изделий.

20.

Интернет-магазин THING IND. предлагает нестандартные товары для дома. Концепция отражена в оформлении лендингов. На сайте вместо черного выбран темно-синий шрифт (в том числе, для навигации). Дизайнеры создали непринужденную атмосферу, что нетипично для сферы eCommerce.

21.

Soap Co. подают товар так, что он «продает себя сам». Нет никаких рекламных элементов — только фото и текст. Отличный пример минимализма в дизайне.

22. RSVP

Насыщенный, стильный дизайн. Элементов много, но внимание не рассеивается. Заняты даже углы — в них размещена аббревиатура бренда.

23. Ratio

Дизайн транслирует суть оффера: качественное кофейное оборудование. Под каждый товар отведен свой лендинг, с перечнем функций и выгод. Дизайн радует качественными фотографиями, продуманной цветовой гаммой, грамотной игрой с и типографикой.

24.

Интернет-магазин Frank Body предлагает современные средства по уходу за кожей. Так как целевая аудитория — молодежь, то и дизайн сайта соответствующий. Эффект достигается монотипным шрифтом и пастельными тонами.

Кстати, отныне вам больше не нужно открывать сервис Google Fonts для получения сторонних шрифтов, ведь теперь шрифты подключаются прямо из .

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

25. Rest.

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