Landing page образец. Стоимость за месяц

Лендинги стремительно ворвались в мир интернет-маркетинга, потеснив привычные сайты. Если раньше использовались только 2 типа landing page – одностраничники и многостраничники, то сейчас подвиды лендинга вырастают как грибы после дождя. Давайте рассмотрим ТОП-15 типов одностраничников с примерами, чтобы лучше понимать, с чем сегодня можно работать.

Лендинг «О нас»

Давайте начнем хит-парад с лендингов «О нас». Согласитесь, куда лучше: вместо скучного текста из пары абзацев в соответствующем разделе сайта создать полноценный лендинг. Это как паспорт в красивой обложке – он и расскажет о главных преимуществах/задачах/ценах, и привлечет внимание.

Ниже пример вики-лендинга, который рекламирует футбольную школу. Тут есть типовые блоки одностраничников – «О нас», преимущества, отзывы. И все это позволяет сделать функционал vk. Кстати, Петр Панда был одним из первых копирайтеров в Рунете, кто начал писать тексты для лендингов Вконтакте.

Лендинг на главной странице

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

На примере ниже – Landing Page, который понравится даже детям. Поэтому он вызывает доверие у родителей, которые и будут платить за шоу. Помимо ярких красок и фото счастливых детей, тут есть несколько типов сценариев, видеоотзывы и т.д. Остальные подразделы («Узнать подробнее», где описываются типы шоу, цены и т.д.) могут быть выполнены уже не в виде лендинга.

И еще один пример

Лендинги-Игры

Такие сайты не будут иметь каталога, описаний плюсов бренда или блока с контактами. Они создаются для косвенной рекламы или просто ради узнавания бренда. Прикольные флеш-игры точно запомнятся пользователю. Если хотите повысить доверие к продукту или подогреть ЦА – берите на заметку.

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

Оригинальные «404 not found» странички

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

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

Лендинги – Мероприятия

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

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

Ниже пример длинного лендинга, который дает много концентрированной информации, поэтому вы не теряете ЦА и они доходят до самого конца текста.

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

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

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

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

Пример лендинга: обувь Timberland.

Очень нравится фокус дизайнера на “главном герое” лендинга. А так же третий экран, на котором уделено внимание ключевым особенностям товара. К серьёзным недочётам, кроме тех, о которых говорил на вебинаре, отнесу объединение на одной странице обуви, предназначенной для разных сезонов.

Пример лендинга: детские электромобили

Ура! Есть видео с автомобилем в действии. Не ура – на видео маленькие корейцы. Но продаём-то не им 🙂
Что гораздо серьёзнее, гарантированное зависание для пап: чем белая машина отличается от чёрной. И стоят ли эти отличия 3200 рублей. Остальные недочёты подчеркнёт следующий лендинг.

Пример лендинга: радиоуправляемые модели

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

Что такое лендинг

Лендинг - что это такое? Так называют одностраничный сайт, где клиентам предлагается какая-то выгода: скидка, акция, уникальная продукция. Лендинг не всегда ставит целью продажу продукции. Иногда такие страницы содержат форму заявки, заполнив которую клиент попадает в базу данных или заказывает себе информационный звонок менеджера компании.

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

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

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

Красивый лендинг - важный инструмент интернет-маркетинга

Примеры самых красивых landing page

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

• Designed to move.org;
• Evr.st;
• Grooveshark.com;
• Hipstamatic.com;
• GiftRocket.com.

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

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

В статье представлены примеры сайтов с хорошим лендингом. Изучите их и разработайте собственные одностраничные сайты для продуктов и услуг. Можно выделить некоторые общие рекомендации. Страница должна быть гармоничной, привлекательной для взгляда. Не стоит использовать кислотные или раздражающие оттенки. Желательно ограничиться 2-3 основными цветами и придерживаться приятных контрастных тонов. Все изображения на лендинге должны быть высокого качества.

Гармоничные сочетания цветов, ясно описанные выгоды и удобное размещение на экране - признаки успешного лендинга

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

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

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

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

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

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

Заключение

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

Без сильного дизайна онлайн-бизнес не «выстрелит» — или, не раскроется на все 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. продает канцелярские принадлежности ручной работы. Дизайн-концепт транслирует солидность, упорядоченную жизнь состоятельных людей — это достигается хорошими фото продуктов и небольшими продающими текстами.