10 секси-лендингов Рунета / Блог компании Yagla / Хабр
Вспомните, как выглядит типичный лендинг. «Шапка» с картинкой из фотостока → Наши преимущества или почему к нам обратились 100500 клиентов → Как мы работаем → Отзывы → Закажи бесплатную консультацию, замер, первое занятие и т.д.
В premium нишах еще какое-то разнообразие, а в ремонте, натяжных потолках и прочих «народных» темах ощущение «те же яйца, только в профиль». Онлайн-конструкторы и Бизнес Молодость делают свое дело)
В этой статье вы увидите 10 лендингов, которые разрывают шаблон. Мы не знаем, какая у них конверсия и сделали выбор по субъективным признакам: дизайн, юзабилити, представление ценностного предложения. От пластиковых окон до wow-страницы рекламного агентства. Итак, поехали.
EnjoyMe Box
Что это?!? Вот и у нас такой же вопрос в первую секунду. Ок, идем дальше. Это лендинг-игра, где вы как ребенок разворачиваете коробку с новогодними подарками. Зуб даем, что 99,9% пользователей докручивают страницу до конца. Расчет на эмоции: «Хочу!»
Минусы: кроме картинок никаких подробностей, что за подарки внутри.
1С: БухОбслуживание
А вот здесь оффер бьет наповал: «Забудьте о проблемах с бухучетом». Минимум «воды», короткие и простые предложения. Знаковые моменты выделены цветом + картинки отлично подчеркивают суть работы компании. Дизайнерам +100 к карме) Да, обратите внимание на представление отзывов: рекомендуем взять этот ход на заметку.
Минусы: форма заявки, на наш взгляд, перегружена + запутывает поле с промо-кодом. Что за промо-код, где его взять? Это может увести от целевого действия.
Главред
На странице продвинутого курса Главреда букв, наоборот, о-о-чень много, и это оправдано. Максим Ильяхов раскладывает всю кухню в стиле «кушать подано». Рука сама тянется к кнопке «Оплатить и подписаться».
Минусы: не нашли.
Рокетбанк
Пример того, как нужно представлять новый продукт. Ясные и конкретные выгоды в цифрах, легкий визуал — ничего лишнего. Одно «но»: минимализм круто работает, когда потребитель знаком с брендом.
Как Рокетбанк обыграл новость о слиянии с банком «Открытие» (ссылка в хедере) — это космос.
Минусы: форму заявки можно сделать проще.
Церебро
Мы не нашли более четкого ценностного предложения для IT-продуктов, чем у Церебро: «Найдет для вас аудиторию ВКонтакте, готовую к действиям». Представление выгод сервиса, социальные доказательства — все сделано так, что не остается возражений.
Минусы: не нашли.
3208
Лендинги ремонтников, пожалуй, больше всего напичканы маразмами и шаблонами. В этом плане страница Алексея Земскова не идеальна + капля тщеславия «делаем самые лучшие ремонты» на первом экране. При этом, чем дальше смотрим, тем больше доверия.
Да, дизайн не дешевый. Да, тексты неплохие. Call-to-actions на уровне. Но сильнее всего цепляет «настоящесть» вместо копирайтерской брехни и изображений улыбающихся мужиков в касках.
Это фото мастера + честные мужские тексты: «если серьезно, в жизни есть 3 больших глупости — ссать вверх, лежа на спине, долго смотреть на сварку и делать ремонт без проекта. И я даже не знаю, что из этого глупее…»
Минусы: сложная форма заявки.
Окна людям
Такого вы еще не видели. Самая упоротая страница в нашем списке. Реакция коллег от «что за г… о?» до «ах%#енный сайт!» Скорее всего, неплохо конвертит за счет нестандартного подхода на суперконкурентном рынке.
Минусы — обратная сторона нестандартности. Значительная часть аудитории не будет вчитываться в прописные буквы.
VideoDays
Пафосная страница конференции VideoDays работает на интриге. Представьте, что вы ничего не знаете о событии и видите месседж «Будущее уже наступило». Что за будущее, что произошло, о чем вообще речь? Крутите дальше и через минуту вы поймаете себя на мысли «Я хочу на это событие!»
Минусы: не нашли.
Yagla
Да, мы не скромные, и включили в список свою страницу. Вчера один из наших пользователей написал: «Ребята, вы раскладываете все так, что понятно даже дилетанту». Продукт → Как это работает → Что он дает → Кейсы с результатами → В каждом блоке кнопка CTA.
Плюсы и минусы оставляем на ваш суд.
Egostyle
Разработчики из web-лаборатории Egostyle превратили свою промо-страницу в путешествие с wow-эффектами. Разумеется, эти понты расчитаны на соответствующую аудиторию. Ну, а простым смертным — поглазеть)
Минусы: скорость хромает + автозвук.
P.S. Поделитесь в комментариях, какая из страниц «зацепила» вас больше всего & предлагайте свои версии лучших лендингов в Рунете.
8 вдохновляющих примеров лендингов строительной тематики
Друзья, каждую неделю мы делаем для вас анализ наиболее интересных посадочных страниц из разных сфер! Сегодняшней тематикой обзора станут лендинги строительных товаров и услуг. Предлагаем вашему вниманию 8 наиболее достойных представителей данной ниши в России, Украине и за рубежом.
По-мужски суровый, стильный лендинг для немецких горнодобывающих машин и услуг по обработке строительных материалов.
Адаптивный дизайн с визитным красным цветом, который завоевывает доверие и уважение с первых минут. Очень интересно с помощью анимации обыгран логотип-многогранник, линии которого вписываются в изображения и заголовки страницы. Фотографии на сайте — высочайшего качества. В тексте нет призывов к действию, но выдержан в лаконичном ключе и звучит убедительно.
На первом развороте кроме изображения машин есть только заголовок и логотипы, один из которых содержит ссылку на главный сайт компании. Начинается и заканчивается лендинг обращениями генерального директора. Для удобства скроллинга предусмотрены специальные кнопки. В самом конце собраны контакты и кнопки соцсетей. Здесь же есть кнопки для скачивания брошюры, которая, как и сам сайт, доступна на трех языках: немецком, английском, французском.
Листаешь страницу и понимаешь — эти люди умеют работать на совесть.
Великолепный лендинг, демонстрирующий элитные апартаменты Австралии.
Профессиональная посадочная страница с богатым функционалом, чудесным параллаксом прокрутки, красивыми градиентами и типографией. Начертания шрифтового семейства Open Sans обыграны так умело, что и не скажешь, будто оно здесь единственное. Щедрый на призывы к действию копирайт красочно описывает всю роскошность и преимущества будущего жилья, мотивируя на вклад в строительство.
Информации о продукте здесь представлено очень много: есть подробная карта, фотогалереи, чертежи планировок, текстовые описания, информация о ближайших достопримечательностях и о текущем прогрессе строительства. Предлагается вариант расписания для воскресного отдыха. Очень многое сделано для отражения образа жизни и привлечения интереса пользователей.
Большая открытая лид-форма снабжена удобной функцией автозаполнения с использованием данных из профиля пользователя в Google. В самом конце страницы клиентов ждет особое поощрение в виде членства в клубе лояльности.
Сдержанный одностраничник, призванный обозначить онлайн-присутствие немецкой дистрибьюторской компании, реализующей профессиональную фурнитуру для кухонной мебели:
Неплохо оптимизированная страница с адаптивным дизайном. Один из немногих хороших лендингов в этой отрасли. Интересный выбор цвета для первого разворота.
Информативные заголовки и наглядная демонстрация ассортимента продукции не оставляют сомнений в назначении сайта. Скачать каталог пользователю предлагают уже на втором развороте.
Дизайн лендинга разработан так, чтобы просто и быстро продемонстрировать оффер текущим и потенциальным клиентам. Используемые визуальные эффекты говорят о том, что мы имеем дело с устоявшимся брендом. Заканчивается страница контактами с большой открытой формой захвата.
Лендинг с оригинальным дизайном и интересным уникальным предложением — комплексные услуги по покраске деревянных домов.
Для первого разворота используется автоматический слайдер с красивыми фото примеров работ. В центре, под заголовками, довольно забавная анимированная якорная кнопка. Прокрутка плавная, для ее удобства предусмотрены кнопки-переключатели в правой части экрана.
Целевая кнопка на втором экране превращается в единственное поле открытой формы захвата для ввода номера телефона. Фон все время меняет цвета, а анимированный брус слева наглядно показывает, как выбранная на слайдере краска будет выглядеть на дереве.
8 этапов работы также сопровождаются трехмерным изображением деревянного бруса.
Сильные стороны этого лендинга:
- перечисление выгод пользователя на каждом экране;
- сообщение точного времени до звонка менеджера;
- короткие открытые формы захвата;
- наглядность.
Лендинг с фиксированными точками навигации для украинской строительной компании.
Очень простой лендинг с оригинальной визуальной подачей — нескромной и стильной:
- яркие и одновременно гармоничные цветовые решения;
- использование модных плоских элементов в дизайне;
- фиксированная навигация с большим удобным меню;
- интуитивно понятный интерфейс;
- продуманная структура;
- аккуратная верстка.
Валик на супер лаконичном первом развороте активно откликается на движения мыши. Многие элементы на странице снабжены приятной анимацией, выстроенной на нюансах. Предпоследний разворот дразнит пользователя возможностью получить лимитированный бонус. Единственное, что здесь огорчает — не самый удачный копирайтинг.
Качественный лендинг по строительству уникальных бревенчатых домов.
Первое, что бросается в глаза — отличные профессиональные фотографии и 3D-визуализации, подобранные для оформления страницы. С ними лендинг смотрится очень красиво, живо, вкусно. Каждый проект в каталоге снабжен собственной галереей с множеством качественных слайдов.
Много внимания и любви уделено текстовой информации и социальным доказательствам. Текста много, но он грамотно, компактно упакован и передан в удобном для пользователя виде. Для лучшего индексирования на лендинге размещена подборка интересных статей.
Фотография команды профессионалов действительно располагает к себе. Целевая кнопка, ведущая к большой лид-форме, повторяется на странице много раз и присутствует в плавающей шапке сайта, что еще больше увеличивает конверсию сайта.
ADL-GSM система мониторинга и дистанционного управления инженерными коммуникациями домов. Продающий лендинг с рядом решений, которые позволили сделать продукт узнаваемым и вывести его в уникальную нишу, отделив от конкурентов.
Оригинальное название, сильные стороны продукта, тщательно продуманная аргументация — все это заставляет посетителя задержаться на странице. Структура лендинга содержит независимые блоки с готовыми вариантами использования продукта и его ключевыми преимуществами.
Для удобства переключения между блоками на лендинге присутствует плавающая шапка сайта с навигационными кнопками. Целевая кнопка для заказа, ведущая к закрытой лид-форме, есть почти на каждом развороте, а сама форма продублирована в конце, что благоприятно сказывается на конверсии (чего не скажешь о неадаптивном дизайне). В целом, лендинг хорошо справляется с продвижением своего продукта.
Лендинг по продаже домов из оцилиндрованного бревна и газобетонных блоков.
Большой недостаток этого лендинга — отсутствие внятного названия самой компании или стартапа. Есть лишь упоминания о Wisdom group и блоков YTONG на целой веренице логотипов первого экрана. Внимательно пролистав страницу, сложно понять, у кого же, все-таки, посетитель должен оформлять заказ и кто будет отвечать за его обслуживание?
Однако сам дизайн лендинга свежий и яркий. Здесь с пониманием отнеслись к потребностям целевой аудитории и дали подробные ответы на 3 ее главных вопроса:
- Сколько стоит?
- Из чего делается?
- Как быстро?
Все цены называются сразу, а для удобства выбора встроен фильтр домов по площади количеству этажей. Два блока отведены под описание технических характеристик, еще один — под короткий алгоритм работы в 2 шага «под ключ». Все триггеры и элементы call to action на своих местах, кроме отсутствующей целевой кнопки на первом развороте. Зато форма заявки повторяется на странице дважды.
Шаблоны по бизнес-нишам: строительство домов
Выводы
Эта ниша требует наличия наглядных фотографий готовых объектов и хорошо продуманной аргументации. Желательно описывать алгоритм работы компании и грамотно формулировать УТП (уникальное торговое предложение), интересное покупателю. Не скупитесь на оригинальный дизайн и качественный копирайтинг — они выделят вас из массы конкурентов.
Нужен уникальный дизайн лендинга? Тогда заполните форму заказа или используйте наш конструктор, чтобы создать посадочную страницу самостоятельно.
Высоких вам конверсий!
02-11-2016
Топ-10 landing page сегмента fashion
В жестоком мире моды любят исключительно глазами. В этой статье мы собрали 10 лендингов в стиле fashion с самой интересной и красивой визуальной подачей контента, со всех уголков света.
Прекрасно выполненный сайт, посвященный Неделе моды в Нью-Йорке — одной из 4 главных недель моды в мире.
Представляет собой бесчисленное множество виртуальных аккаунтов моделей и деятелей мира моды, собранных в одном месте. Лендинг позволяет интерактивно, без цензуры взглянуть на события Нью-Йоркской Недели моды глазами ее участников. Каждое из черно-белых фото становится цветным при наведении мышью и открывает доступ к профилям владельца в популярных соцсетях: Facebook, Twitter, Pinterest, Tumblr, Instagram. По ним хорошо видно, что ведущая роль в западном SMM отведена Твиттеру.
Здесь нет привычных кнопок или форм, но есть хештег для расшаривания и отслеживания, а также довольно необычный призыв к действию: «Stalk us» («преследуй нас», «крадись за нами»). То ли из-за бесконечной прокрутки, то ли из-за большой насыщенности, сайт заметно грузит браузеры и «притормаживает». В целом же современный, стильный монохромный лендинг FacesofNYFW является примером хорошей реализации удачной идеи.
23 примера эффективных (не обязательно модных) посадочных страниц
2. Fluttuo — единственные в своем роде
Эффектный одностраничник для бренда дизайнерских украшений, каждое из которых выпускается исключительно в единственном экземпляре.
Целевая страница Fluttuo хорошо передает чувство собственного стиля и содержит интересное коммерческое предложение. Структура достаточно стандартная, а вот в визуальном оформлении кроется несколько интересных нюансов.
Первое, что бросается в глаза с первого разворота — необычная диагональная разбивка экранов. Всего их 7, на каждом есть СТА-элементы, половина снабжена автоматическими слайдерами. В левой части страницы есть навигационные кнопки, под которыми расположена простая и заметная иконка корзины.
Второй разворот занимает видео-презентация, а последующие три отведены коллекциям. Далее — блок с философией бренда и, наконец, короткая открытая форма захвата с одним из самых лучших УТП в этой нише. Пользователям предлагают не просто оформить подписку, а внести себя в VIP список, чтобы получать выгодные предложения.
Заманчиво, правда? Даже есть пример письма, чтобы знать, чего ждать от рассылки.
Сайт использует сдержанную цветовую палитру, HTML5, плавную прокрутку и параллакс-эффекты. Он искусно удовлетворяет желание современных женщин чувствовать себя уникальными и неповторимыми.
Креативные примеры параллакс скроллинга
3. Итальянский шик Valentina Gallo
Красивый лендинг обувного бренда, все изделия которого производятся вручную и только в Италии.
Главной «фишкой» этого одностраничника стал оригинальный скроллинг. Экран разбивается вертикально на левую и правую части. Левая при прокрутке мышью или клавиатурой плавно движется снизу-вверх, правая — сверху-вниз. Совмещаясь друг с другом, они образуют каждый последующий разворот.
Черно-белый дизайн, редкие красные акценты, изящная типографика — все это красноречиво передает артистичность и художественный вкус владелицы бренда. К концу страницы монохромность неожиданно сменяется яркими цветными фото, что смотрится выгодно и придает лендингу еще больше характера.
Целая треть всей страницы отведена различным социальным контактам.
4. Альбом памяти Оilily
Яркий и красочный одностраничник, созданный в честь 50-летия голландского дома моды Oilily.
Милый, пестрый, красочный лендинг, похожий на дневник друзей маленькой девочки или детский альбом для наклеивания вырезок. Разработчики постарались и создали настоящий интернет-музей памяти голландского бренда. Интересно, что они дали пользователям возможность выбора прокрутки вверх или вниз — для просмотра содержания от старого к новому, либо наоборот.
Прокрутка плавная, текста совсем мало, зато много сочных изображений и анимации, большая часть которых оказывается кликабельной и выдает дополнительную информацию при нажатии. Сайт очень насыщенный и при этом хорошо оптимизирован.
Правую часть сайта занимает большая красная панель навигации — она тоже интерактивная и оформлена красиво. Отдельного внимания заслуживает огромный фотоальбом, в который можно добавить фото собственных детей в их любимой одежде от Oilily.
Просмотр лендинга Oilily вызывает исключительно приятные эмоции и запоминается надолго.
4 вида анимации для улучшения юзабилити лендинга
5. Роскошные подарки Georg Jensen
Уникальный в своем роде лендинг для известного датского бренда Georg Jensen.
Это целая интерактивная видео-экскурсия на гламурную вечеринку сливок общества, которые дарят друг другу роскошные дорогостоящие подарки. Заканчивается она автоматическим переходом в магазин. По мере продвижения нам предлагают выбрать один из двух вариантов подарка, сцена дарения которого затем обыгрывается в видео.
Страница с головой окунает в атмосферу праздничности, элитарности, утонченного вкуса, не оставляя никаких сомнений в своем позиционировании и целевой аудитории. Любой из выбранных предметов можно детальнее изучить в магазине или прямо при просмотре видео. Потрясающий, наглядный пример интерактивного сайта.
Интерактивные лендинги: повышаем конверсию и качество лидов. Часть 1
6. Швейцарская утонченность Jaquet Droz
Страница, презентующая оригинальные модели часов «Bird Repeater» швейцарского часовщика Jaquet Droz.
Потрясающая визуальная подача продукта на одной странице, захватывающая и изящная. Здесь активно используются параллакс-скроллинг, видеовставки, плавная анимация и интерактивные элементы, вроде ползунка на экране технической информации, обнажающего шестеренки внутреннего механизма часов. Обязательно посмотрите великолепную видео презентацию.
Навигация очень удобная, скроллить можно с помощью клавиатуры, колесиком мыши, либо навигационными кнопками в правой части экрана. Единственное, что может испортить впечатление от просмотра — ужасные шрифты для русской версии сайта. Но это, к сожалению, достаточно распространенная проблема.
Интерактивные лендинги: повышаем конверсию и качество лидов. Часть 2
Ошеломляющая и эмоциональная целевая страница коллекции оптики ручной работы от известного австрийского бренда.
Стильный лендинг в серебристо-белых тонах с большими, невероятно четкими и живыми изображениями. Мощная демонстрация продукта: очень необычно, что очки остаются в том же положении на экране при переключении между двумя фотографиями — самого продукта и на модели.
Красивый Lookbook, грамотное использование визуальных эффектов и SVG-анимации выгодно выделяет этот лендинг среди других. Например, радует глаз плавное перетекание изображения первого экрана в белый фон при прокрутке. Что интересно, краткая информация о модельном ряде оптики подается сразу на двух языках: английском и немецком.
В самом конце страницы нас ждет небольшой 10-секундный тизер.
Видеомаркетинг от luxury-брендов одежды: в России и за рубежом
Элегантный лендинг известного питерского парикмахера Юлии Художниковой.
Великолепный подбор образов для авторской школы парикмахерского искусства. На первом развороте использован анимированный эффект плавной прокрутки, дополнительная информация о 4-х курсах подается в PopUp-ах справа, а если навести курсор на моделей, то их изображения будут медленно и плавно увеличиваться.
Для каждого курса расписано содержание уроков и приведены примеры стрижек. На странице также приводятся доказательства того, что студенты принимают участие в показах мод по ходу обучения.
В целом сайт сделан очень грамотно и профессионально как в плане дизайна, так и с коммерческой точки зрения. Здесь есть:
- фото основательницы,
- фото ее лучших работ,
- фото сотрудниц,
- фото, примеры работ и отзывы выпускников,
- фото аудитории, где проводятся занятия,
- видео участия в показах мод.
Зарегистрироваться на курсы можно либо заполнив короткую форму регистрации, либо просто позвонив по телефону, что для целевой аудитории оказалось более удобным.
Экспериментальный лендинг, дающий ответ на самый главный вопрос: «Что одеть?!»
«Умная» целевая страница на 1 разворот, которая выдает варианты гардероба на 2 дня вперед, основываясь на метеорологических прогнозах и полученной о пользователе информации: половой принадлежности и текущему географическому положению.
Незаменимый помощник для тех, кто часто попадает впросак, пытаясь одеться по погоде самостоятельно.
Конечно же, вся соль страницы в том, что предлагаемые предметы гардероба можно подобрать по вкусу и приобрести с быстрой доставкой в многочисленных онлайн-бутиках партнеров. В левом нижнем углу рядом с кнопками соцсетей есть возможность установить Dress By Weather как расширение для Google Chrome.
39 примеров оригинального дизайна лендингов
10. Тенденции Кануна дня всех святых
Google теперь не даст вам ошибиться в выборе костюма на Хеллоуин!
Красивейший экспериментальный лендинг от Google Trends с удивительными визуальными эффектами и анимацией, а также потрясающей скоростью поиска. Любителей эстетики фильмов ужасов обязательно умилят такие мелочи, как дым на заднем плане, капающая зеленая слизь, реагирующая на курсор паутина и бегающие по экрану пауки. Чего стоит неописуемой красоты карта на странице локальных трендов!
С помощью этой страницы можно узнать, костюмы каких персонажей вы будете встречать чаще других в ваших широтах, или проследить за популярностью любимого героя. Например, после выхода Отряда Самоубийц 2016 года королевой хит-парада в США стала Харли Квинн.
Благодаря статистике Frightgeist теперь вы точно знаете, что делать, если хотите оставаться в тренде. И наоборот, если боитесь встретить злого двойника, то смело наряжайтесь Джессикой Рэббит. Помните: мир моды суров и беспощаден!
Выводы
В fashion любят глазами, и лендингу в этой нише нужна мощная визуальная подача. Дизайн страницы должен быть узнаваемым, как стиль бренда. Его лучше делать чистым с минимумом текста. Акции вроде 50% скидок работают только в масс-маркете, а не для именитых брендов. Цель лендингов в сегменте fashion, как правило — захватить контакты для емейл-рассылки, купить вещи сразу со страницы (если небольшая коллекция) или привлечь внимание к многостраничному сайту.
Нужен уникальный дизайн лендинга? Тогда заполните форму заказа или используйте наш конструктор, чтобы создать посадочную страницу самостоятельно.
Высоких вам конверсий!
21-09-2016
Шаблон или индивидуальный дизайн лендинга: что подойдет вашему бизнесу?
Итак, вы решили, что вашему бизнесу нужна посадочная страница (landing page). Теперь перед вами встал вопрос — что выбрать, шаблон или индивидуальный дизайн?
У обоих вариантов есть свои плюсы и минусы. Что хорошо для одной компании, будет малоэффективно для другой. Но чтобы принять верное решение, учитывайте следующие пять факторов.
1. Бюджет
Помните, что лендинг — это лицо бренда. Именно здесь формируется первое впечатление о компании. Можете экономить на чем угодно, кроме имиджа — инвестиции в качественный одностраничник оправдают себя, так или иначе.
Однако лендинг пейдж, разработанный по индивидуальному заказу, куда дороже шаблона. Если это вам по карману — то не сомневайтесь, ваши вложения окупятся с лихвой. Если же бюджет ограничен, то оптимальным вариантом станет готовое решение — хотя это и снизит «оригинальность» бренда.
Резюме: Индивидуальный дизайн — лучший выбор. Но если средств недостаточно, то не влезайте в долги ради уникального лендинга — просто хорошо кастомизируйте шаблон.
2. Время
Разработка уникального дизайна требует времени. Например, в нашем digital-отделе лендинги изготавливаются за 14 дней (подробнее об этом здесь: Как LPgenerator делает лендинги для клиентов? От первого контакта до прибыли). Но процесс многоэтапный: разработка прототипа и дизайн-макета, подготовка визуального контента, написание текстов, тесты, оптимизация. Эти шаги непросты и требуют усилий целой команды специалистов — маленькие студии могут разрабатывать и согласовывать лендинги месяцами.
Резюме: если времени нет катастрофически, а проект нужно было запустить «еще вчера», то выбирайте шаблон. Но если в запасе есть хотя бы две недели — обращайтесь в крупную студию, например, к нам.
3. Бренд
Третий фактор в списке — и первый по значению. Если позиционирование бренда — одна из задач будущего лендинга (а так и должно быть), то вам необходим индивидуальный дизайн.
Шаблонные лендинги не выразят индивидуальность. Выше говорилось, что целевая страница — это лицо бренда. На ней потенциальные клиенты знакомятся с вашим оффером. Страница, выполненная по шаблону, не позволит в полной мере дифференцировать бренд и выделить основные достоинства ценностного предложения (value proposition). В свою очередь, индивидуальный дизайн позволит создать уникальный UX, эмоциональную связь и увеличить лояльность целевой аудитории.
Резюме: если цель — создать лендинг, подчеркивающий уникальность бренда и отражающий его ценности, то выбор очевиден — индивидуальный дизайн.
Читайте также: Что делать, если ваш лендинг шаблон не конвертирует?4. Функциональность
Функциональность шаблонных лендингов, как правило, ограничена. Например, не все шаблоны полностью адаптивные. Учитывая, что более 50% общего трафика приходится на мобильные устройства, то низкая адаптивность ударит по конверсии. Индивидуальный дизайн необходим и в том случае, если вы занимаетесь электронной коммерцией. Шаблонные лендинги недостаточно гибкие, чтобы обеспечить необходимый для eСommerce бэкэнд (backend).
Другой недостаток шаблонных страниц — вы недостаточно контролируете пользовательский опыт (user experience). Только индивидуальный дизайн посадочной страницы обеспечит уникальный конверсионный путь — и принесет больше продаж, чем шаблон.
Резюме: шаблонный дизайн сильно ограничивает функциональность, в отличие от индивидуального.
5. Гибкость и масштабируемость
Шаблон — всегда универсальный вариант, «на все случаи жизни». Он неплохо решает текущие потребности, но что будет, когда вы решите масштабировать свой бизнес? С ростом трафика лишние функции замедлят скорость загрузки страницы, а имеющиеся ограничения только усилятся.
Уникальный дизайн позволяет расширять функционал по необходимости. Индивидуально разработанный лендинг учитывает текущие цели и легко масштабируется по мере роста. Он выдержит резкий рост трафика без ущерба производительности.
Резюме: если вам нужен гибкий функционал и масштабируемость, то индивидуальный дизайн — лучший выбор.
Заключение
Итак, выбор определяется вашими целями и возможностями. Если нет жестких ограничений по бюджету и срокам, индивидуальный дизайн — почти всегда лучшее решение. Он разрабатывается с учетом текущих потребностей, подчеркивает особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Но работа в конструкторе с готовыми шаблонами или покупка лендинга в Магазине целевых страниц — тоже отличный вариант, особенно, если ваша цель — временная кампания, распродажа или акция, или у вас нет времени или средств на разработку уникального макета. Достаточно максимально кастомизировать страницу под ваш бизнес, и новые лиды не заставят себя ждать.
Высоких вам конверсий!
По материалам: ignytebrands.com
09-12-2016
Сколько стоит лендинг? Определяемся с бюджетом на разработку одностраничника
Вопрос цены разработки лендинг пейдж актуален и будет таковым до тех пор, пока этот сайт по-прежнему остается одним из самых эффективных инструментов для лидогенерации и продаж товаров и услуг. Мы не можем сказать точную стоимость лендинга, так как она зависит от задач, но мы можем рассказать как формируется цена на сайт, какие факторы влияют на нее и на какой бюджет стоит вам рассчитывать, если вы планируете заказать современный лендинг.
Но перед тем, как перейти к обзору ценообразования на разработку сайта, хотелось бы поговорить о самом сайте — его особенностях, возможностях и целях, чтобы вы в результате смогли понять за что конкретно будете платить разработчику.
Что такое лендинг пейдж?
Landing page (лендинг, посадочная или продающая или целевая страница) — это одностраничный сайт, цель которого продать продукт, товар или услугу путем привлечения внимания посетителя и его мотивации к целевому действию. Сайт представляет собой логически выстроенные блоки, которые, словно ведя посетителя за руку, рассказывает ему почему ему нужен именно этот продукт, показывают человеку выгоды, ценности и преимущества, а после — дают возможность сделать покупку или заказ.
Главное отличие лендинга от других существующих видов сайтов заключается в том, что одностраничник разрабатывается для продажи только одного товара, услуги или инфопродукта. Это максимально концентрирует внимание пользователя на конкретном предложении, подводя его к главной цели сайта: сделать заказа, купить, скачать, подписаться, зарегистрироваться и т.д. Продавать с помощью лендинга можно абсолютно все: недвижимость, товары народного потребления, эксклюзивную дорогостоящую продукцию, информационные продукты, всевозможные услуги. Эффективность этого сайта всегда гораздо выше, чем у других сайтов.
Как определить эффективность лендинга?
Вам, как будущему владельцу продающей страницы, хочется знать насколько она может быть эффективна в работе. И об этом вам скажет конверсия — показатель эффективности продающей страницы. Определяется процентным сообщением и обозначает количество человек, выполнивших целевое действие за определенный период (день, неделя, месяц). Конверсия вашего лендинга покажет объем продаж и количество отказов, поможет сориентироваться в ситуации, дав понять, что вашему сайту необходима доработка. Или же, наоборот, вам нужно сделать акцент на тех инструментах, которые используются в данный момент, чтобы держать эффективность сайта на том же уровне.
Конверсия сайта напрямую зависит от его качества разработки, дизайна, контента. Каждый элемент влияет на эффективность сайта, начиная от продающей структуры сайта, заканчивая правильными призывами к действию.
Какова максимальная конверсия для вашего лендинг пейдж?
Вам наверняка интересно какую конверсию сможет предоставлять ваш лендинг, помогая вашей компании зарабатывать. Вопрос логичный и риторичный. Ведь не существует единого показателя — он зависит от ряда факторов: вашей ниши, целевой аудитории, наконец, сезонности продукта и его цены. Если вы с помощью лендинга намерены продавать шубы из меха дальневосточного леопарда по цене с восемью нулями, то конверсия в 1% станет для вашей компании неплохим показателем. Если же вы планируете продавать хлопчатобумажные носки, которыми пользуется каждый, то конверсия даже в 10% может стать не лучшим показателем. Как видите, все индивидуально. Но нет пределу совершенству, поэтому любой результат можно улучшить путем усердной работы над поиском лучших каналов трафика и самим сайтом.
Когда вам нужна посадочная страница?
Разработка landing page — не панацея для абсолютно всех видов бизнеса. Существуют направления и цели, в которых лендинг пейдж попросту не будут работать. В первую очередь, сюда относится e-commerce из-за особенности одностраничника продавать всего один оффер. Укреплять статус и имидж компания с помощью лендинга попросту не сможет из-за ограниченного объема контента на сайте, что также является его спецификой. А вот просто представлять компанию, став небольшой ее интернет-визиткой, вполне.
А вам подойдет landing page?
Если ваша цель быстро продать или презентовать что-либо, то изготовление лендинга станет отличным решением. В частности:
- Продажа абсолютно любых услуг, в том числе для компаний B2B;
- Продажа эксклюзивных, дорогих, эмоциональных или массовых продуктов одной узкой группы;
- Продажа инфобизнеса;
- Продажа в сфере сетевого маркетинга;
- Презентация компании или ее услуг.
Существует несколько сфер бизнеса, в которых создание лендинг пейдж будет единственно правильным решением при желании развить свою деятельность. Рассмотрим их подробнее.
Создание промо-страниц
При необходимости рекламы какой-либо акции, ограниченную сроками, какого-либо мероприятия с целью привлечения как можно больше покупателей/посетителей разработка одностраничника станет отличным решением. Акцентирование внимание на предложении в совокупности с призывом к действию максимально привлечет внимание пользователя, приведя его к действию, которого вы ждете от него.
Разработка страницы под рекламу товара/услуги
Одностраничный сайт отлично сработает при необходимости эффектно прорекламировать какой-либо товар или услугу. Это может быть новинка на рынке, которая еще не представлена у конкурентов или же продукт, который ваша компания производит с целью демонстрации его преимуществ. Можно захватить целевую аудиторию с помощью рекламы товара, который скоро появится в продаже, предложив каждому потенциальному клиенту сделать предзаказ, как это практикует компания Apple перед выпуском в массовые продажи новые модели гаджетов.
Сайт, приуроченный событиям
Также рассмотрите вариант создания landing page при желании продать товар, приуроченный к каким-нибудь событиям или датам. Это может быть тематическая группа товаров, которая актуальна в определенный сезон. Например, романтическая атрибутика ко Дню всех влюбленных, искусственные ели к Новому году и т.д. В таких случаях конверсия сайта будет ошеломляющей, хотя сам сайт будет актуален всего несколько месяцев до события.
Так какой же ты, продающий лендинг?
Как уже упоминалось в самом начале этой статьи, посадочная страница отличается от других типов сайта и представляет собой набор логически выстроенных блоков. Имеется в виду, структура сайта, от правильности которой зависит конечный результат — выполнение целевого действие или отказ. Нельзя сказать, что существует единственно верная модель структуры, которая подойдет для каждого бизнеса — все очень индивидуально и достаточно сильно зависит от цены сайта. Но о конкретных эффективных элементах, которые следует включить в структуру, мы все же поговорим.
УТП
Попадая на ваш сайт, пользователь должен понимать что конкретно ему предлагают. За это и отвечает уникальное торговое предложение (оно же главный заголовок сайта). Заголовок должен не только раскрывать суть оффера, но и отличать его от предложения конкурентов, делая уникальным. Эффектный УТП гарантирует заинтересованность пользователя в просмотре лендинга. Но для создания действительно высококонверсионного торгового предложения, необходимо знать как писать УТП, выполнять анализ конкурентов и поведения клиентов на сайте. Поэтому здесь очень важно разработать несколько вариантов и тестировать их, выбрав самый эффективный. А это, опять-таки, влияет на цену разработки продающей страницы.
Блок выгод и преимуществ
Потенциальный клиент должен понимать в чем особенность вашего оффера и какую выгоду он получит после его покупки. Для этого важно знать потребности своего целевого покупателя, чтобы предложить ему то, что ему действительно нужно. Правильная подача выгод и преимуществ положительно влияет на конверсию, так как становится мощной мотивацией для потребителя — у него есть проблема, он видит ее решение с помощью вашего оффера, видит свою выгоду, а, значит, обязательно купит его.
Блок доверия
Одностраничный сайт ограничен в контенте. Он не может содержать длинные тексты или огромное количество картинок, видео и фотографий из-за риска потери внимания посетителя от главного предложения. Следовательно, подробно рассказать о товаре или услуге, компании или предоставить любую другую информацию, чтобы укрепить доверие клиента к вам — очень сложно и, порой, невозможно. Блок доверия станет спасательной шлюпкой в этом случае. Отзывы реальных покупателей, фотографии персонала с обращением к клиенту, перечень компаний-партнеров или компаний-клиентов, скрины сертификатов и дипломов, подтверждающих компетентность и профессионализм компании создают доверительное отношение посетителя сайта к вашему офферу. А это очень и очень важно для вас, ведь если клиент доверяет вашей компании или качеству вашего товара, значит, он его купит.
Лидогенерирующие формы
Самым важным триггером на лендинг пейдж и элементом, который отличает одностраничник от других типов сайта, являются формы с призывом к действию и лидогенерирующие кнопки. Как правило, призывы к действию включают главную ценность, которую получит человек, став клиентом компании. Также сильнейшим мотиватором становятся формы акций, которые предполагают для пользователя какую-либо выгоду, а срок дедлайна подталкивают его сделать покупку быстрее. Лидогенерирующие кнопки позволяют пользователю сделать то самое целевое действие, ради которого и создается лендинг. В этих блоках продающий текст способен конвертировать лидов в деньги.
Картинки
Картинки играют немаловажную роль — они визуализируют продукт или услугу. Поэтому к ним предъявляются большие требования. Фотографии должны быть яркими, качественными и формировать у посетителя приятное впечатление об оффере. И снова здесь решающую роль играет бюджет проекта. В зависимости от него, разработчик выбирает изображения. Это могут быть обычные стоковые фото из Интернета, если проект недорогой, или же фотографии, созданные специально для сайта, если заказчик хочет получить полностью эксклюзивный лендинг пейдж, что стоит дороже.
Здесь приведены лишь основные элементы, которые влияют на эффективность одностраничника. В зависимости от потребностей целевой аудитории, особенностей товара или услуги, количество блоков и их последовательное размещение может меняться.
Идеальный ли ты, landing page? Плюсы и минусы продающего одностраничника
Прежде чем сделать лендинг или заказать его у профессиональных разработчиков, важно понимать, что даже у продающего одностраничника, способного принести вашей компании хорошую прибыль от продаж, есть как плюсы, так и минусы.
Преимущества целевой страницы
Из основных плюсов выделим:
- Акцент на одно предложение, который от начала страницы до ее конца ведет пользователя к совершению одного действия;
- Отличный usability. Сайт не имеет внутренних ссылок, разделов и дополнительных страниц, среди которых посетитель может запутаться. Простейшая структура создает максимальное удобство в пользовании одностраничником;
- Стоимость создания лендинга ниже, чем цена разработки сложных многостраничных сайтов. При этом его конверсия гораздо выше, а срок разработки — ниже;
- Правильный лендинг — самый эффективный способ моментальных продаж.
Недостатки лендинга
Поговорим о недостатках, которые также присущи странице захвата.
- Landing page несет единственную цель — продать. На его основе невозможно позиционировать компанию на рынке, повысить лояльность ЦА к фирме, удержать клиентов. Одностраничник не может стать единственным каналом для взаимосвязи с целевой аудиторией;
- При допуске ошибок в разработке (неправильное формирование призывов к действию, использование стандартных и заезженных фраз, использование шаблонных решений и т.д.) продажа становится слишком навязчивой, убивает доверие клиента к сайту и компании. Это большой риск, особенно, если сайт разрабатывается самостоятельно;
- В очень популярных нишах landing page сложно конкурировать с многостраничными сайтами;
- Лендинги очень сложно продвигать методом SEO из-за невозможности внедрения широкой семантики.
Очень важно понимать, что лендинг является неким симбиозом технических и психологических инструментов. Необходимо не только знать свою целевую аудиторию, но и понимать о ее потребностях, страхах, желаниях, нуждах, чтобы суметь сформировать решение проблемы потенциального покупателя, и правильно преподнести его.
Существуют ли правила идеального landing page?
Если вы планируете заказать создание лендинг пейдж под ключ, то вы должны знать о факторах, которые помогут вам отличить хороший, работающий сайт от дешевой подделки, не способная принести и одного клиента. О чем же речь? В идеальном landing page должно быть:
- Короткий, понятный и уникальный заголовок, привлекающий внимание и мотивирующий к скроллингу страницы;
- Изложение преимуществ оффера и выгод для потребителя, если он его приобретет;
- Call-to-action — призыв к действию с демонстрацией ценности, способной заставить человека сделать целевое действие здесь и сейчас, лидогенерирующие кнопки;
- Форма обратной связи;
- Красивые тематические картинки или фото продукта, видео;
- Блок доверия.
Главные принципы высококонверсионного лендинга
Все выше перечисленные критерии есть на одностраничнике, но вы сомневаетесь в его эффективности? Тогда учтите, что принцип эффективного лендинга заключается в следующем:
- Одно главное действие и один путь к нему. На сайте не должно быть отвлекающих баннеров, ссылок и, уж тем более, категорий/разделов, которые могут привлечь внимание пользователя. Всего лишь одно понятное для пользователя действие и одна простая дорога к нему;
- Логическая структура сайта. Все выстроенные блоки должны рассказывать пользователю историю об оффере, плавно и логично подводя к целевому действию;
- Краткость и лаконичность. Лендинг должен демонстрировать самые главные ценности — сухо и по факту, без неправдивых преувеличений. Чем больше текста, тем менее интересно пользователю читать его.
Как понять, что перед вами дешевый и неэффективный лендинг?
Думаете, что лендинг, который вы получили от разработчиков, не сможет выполнить свою главную задачу? Так и будет, если вы увидите на сайте:
- Отсутствие УТП. Ваш клиент не поймет что ему предлагают и уйдет с сайта;
- Большие простыни текста. Никому не интересно читать длинные тексты;
- Некачественные, некрасивые или непривлекательные фото, видео, несоответствующие предложению;
- Непонятный, нелогичный или несоответствующий ЦА дизайн, большое количество ярких акцентов, отвлекающих внимание;
- Громкое музыкальное сопровождение с момента загрузки сайта;
- Неработающие лидогенерирующие кнопки, сложные формы обратной связи.
Это далеко не все критерии, которые могут свидетельствовать о некачественной целевой странице. Очень важно постоянно проводить анализ поведения клиентов, проверять какой элемент хорошо работает, а какой следует изменить или доработать. Все очень индивидуально. Даже сочетание цветов в дизайне, которое, на ваш взгляд, очень удачное, сможет сыграть злую шутку и абсолютно не понравиться пользователям, убив в них желание просматривать ваш лендинг.
Этапы создания качественного лендинга
Наверное, для вас не станет открытием то, что этапы разработки лендинга пейдж напрямую зависят от его стоимости и, как следствие, от опыта разработчиков. Новички в сфере сайтостроения и фрилансеры, которые самостоятельно с нуля разрабатывают сайты, вряд ли смогут охватить весь спектр работ, необходимый для изготовления действительно эффективного продающего сайта. Над разработкой сайта, если речь идет о профессиональном подходе, работает, минимум, 5-6 специалистов. Поэтому одному фрилансеру попросту невозможно изучить все нюансы разработки, которые годами изучает группа специалистов по каждому из своих направлений.
Если рассматривать этапы разработки landing page веб-студии, то они будут выглядеть следующим образом.
Анализ целевой аудитории
Очень важно понимать кто целевая аудитория сайта, какие у них потребности и страхи, желания и цели, какая информация их сможет зацепить. Необходимо узнать все детали, составить портрет потенциального покупателя, на основе которого выделить главные выгоды и ценности, которые его смогут мотивировать к целевому действию.
Маркетинговый анализ
Маркетологи анализируют продукт/услугу, которая будет продаваться с помощью лендинга. Рассматриваются особенности оффера посадочной страницы, востребованность, сезонность, конкуренция в нише и конкурентоспособность. Определяются ближайшие конкуренты, их сильные и слабые стороны, возможности. На основе полученной информации формируется стратегия и тактика сайта.
Написание продающих заголовков и текстов
По окончанию работы маркетолога, к ней приступает копирайтер. Его задача — написать продающие и цепляющие заголовки и тексты. Вся текстовая информация формируется на основе данных о ЦА.
Разработка дизайна
На основе уже продуманной структуры сайта и составленных заголовков, текстов, а также с учетом пожеланий клиента и особенностей целевой аудитории, разрабатывается дизайн (один или несколько вариантов). Дизайн должен быть стильным и привлекательным, иметь яркие элементы для привлечения внимания на продающие триггеры и правильно сочетать в себе цвета. Однако вопрос дизайна — неоднозначный и напрямую зависит от целевой аудитории. Не исключено, что даже скромный или откровенно безвкусный дизайн полностью совпадет с восприятием ЦА и поможет сайту принести более высокую конверсию.
Верстка
Сайт верстается по макету, подключается к выбранному движку, хостингу. Разрабатывается адаптивная версия сайта для его правильного отображения на всех видах мобильных гаджетов. Если лендинг необходим только для сбора заявок и рассылки писем, то он может быть создан на HTML, однако при необходимости внесения правок в подобный лендинг — нужно уметь править верстку .
Тестирование
Обязательный этап. В процессе тестирования сайта удается обнаружить ошибки и устранить их. Проверяется правильно ли сайт отображается в браузерах, смартфонах, планшетах и других устройствах.
Создание лендинга — не только технический, но и творческий процесс, в котором должны быть задействованы опытные специалисты. Необходимо не только качественно разработать продающий одностраничник, но и правильно выбрать каналы трафика, которые помогут привести на сайт максимальное количество горячих покупателей. Логично, что разработка такого грандиозного проекта, который должен принести вам деньги, требует финансовых инвестиций. И мы подобрались к главному вопросу. Так во сколько же вам обойдется лендинг пейдж?
Как сделать лендинг: варианты разработки и их стоимость
Сегодня для вас, как человека, желающего обзавестись собственной целевой страницей, предоставляется большой выбор способов ее разработки по разным ценам. И мы поговорим о каждом, раскрыв все плюсы и минусы.
Онлайн — конструкторы landing page
Если вы хотите попробовать свои силы и самостоятельно создать лендинг, отказавшись от услуг дизайнера и, тем самым, сэкономив, тогда рекомендуем рассмотреть вариант использования онлайн-конструктора. Сегодня существует несколько видов онлайн-конструкторов: универсальные, подходящие для создания любых видов сайта, в том числе и лендингов, и предназначенные, непосредственно, для создания landing page. Мы рассмотрим специализированные сервисы, заточенные под создание продающей страницы.
Плюсы и минусы использования конструктора лендинг пейдж
Планируете разработать свой лендинг с помощью онлайн-конструктора? Вам обязательно нужно знать преимущества и недостатки этого сервиса.
Преимущества создания лендинга с помощью конструктора:
- Во всех сервисах предусмотрен тестовый период, который предоставляется бесплатно. А бесплатно, значит, экономия бюджета;
- Предоставляется хостинг, вам не нужно ломать голову по его подбору;
- Регистрация, настройка и разработка самого сайта займет немного времени;
- Большое количество шаблонов поможет выбрать тот, который подходит к специфике товара/услуги;
- Встроены инструменты для адаптации сайта под мобильные устройства, есть необходимые инструменты для коммуникации с клиентом;
- Некоторые конструкторы позволяют сразу создавать мультилендинги, которые перестраиваются в зависимости от посетителя и всегда предлагают наиболее подходящее предложение запросу пользователя.
Казалось бы, конструктор — отличный вариант для создания сайта одностраничника. Легко, красиво и быстро. Что еще нужно? Не спешите принимать окончательное решение, не узнав о недостатках этого способа.
Недостатки онлайн-конструкторов лендинга:
- Понятие “бесплатно” очень относительно. Тестовый период действительно бесплатный, но после его окончания вам придется покупать пакеты с ежемесячной оплатой. Самые лучшие и удобные пакеты — дорогие;
- При бесплатном использовании конструктора, его функционал очень ограничен. При желании его увеличить, необходимо покупать пакеты. Но даже в самом крутом пакете не всегда есть тот функционал, который вам необходим;
- Даже при наличии более 200 шаблонов дизайна он остается неуникальным. Это увидит и ваш пользователь, и поисковый робот;
- Вашему лендингу предоставляется бесплатный хостинг, который при очень больших нагрузках запросто может лечь. Желаете перенести свой сайт на другой хостинг? Платите за это. Но в некоторых сервисах перенос на другой хостинг, в принципе, невозможен;
- Присутствие посторонней рекламы. Некоторые онлайн-конструкторы обязывают вас разместить их брендированный баннер на своем сайте хотите вы этого или нет;
- Восприятие сайта пользователем и престиж компании в целом. Если сайт сделан наспех человеком, который впервые столкнулся с вопросом разработки, то это обязательно увидит каждый пользователь. Всевозможные ошибки, допущенные в процессе создания из-за недостатка опыта, вызовут негатив и оттолкнут пользователя от сайта и, тем более, от целевого действия.
Разработка лендинга с помощью конструктора может стать идеальным вариантом, если необходимо протестировать нишу, чтобы понять будет ли прибыльна ваша идея или нет. Но так как конструкторы предполагают только шаблонные решения, то для успешных продаж лучше заказать создание уникального одностраничника.
Конечно, с помощью онлайн-конструктора можно создать достаточно неплохой сайт. И если вы уже видели подобные примеры и считаете, что сайт на конструкторе создан хорошо, выглядит эффектно, отвечает всем требованиям, то, наверняка, его владельцу разработка обошлась в немалую копеечку. А, значит, об экономии речи быть не может.
Стоимость разработки сайта с помощью конструктора посадочных страниц
Приведем примеры наиболее популярных онлайн-конструкторов лендингов.
Landingi.com
Сервис позволяет выбрать один из 105 шаблонов или же создавать сайт на пустом. Возможность адаптивной верстки ограничена и есть лишь на отдельных версиях, позволяющих адаптировать сайт под планшет и смартфон. Платформой удобно пользоваться, есть тестовый период на месяц. Из недостатков — использование шаблонов с текстами на английском языке, что может затруднить вам работу, если вы не знаете язык. Стоимость использования сервиса — от 29 у.е. в месяц.
Tilda.cc
Платформа очень удобна в пользовании и позволяет создавать визуально эффектные страницы. Для новичков предусмотрена обучающие работе видео, достаточно эффектный дизайн сайта. Модульная библиотека постоянно обновляется и состоит из 100+ блоков. Есть возможность адаптивной верстки под все мобильные устройства. Тестовый период — 2 недели. Минус — шаблоны на английском языке и присутствие на готовом сайте логотипа конструктора. Стоимость пакетов: пакет “Бесплатный” — бесплатно, “Персональный” — 15 у.е. в месяц (120 у.е. в год), “Бизнес” — 25 у.е. в месяц, 240 у.е. в год.
Lpgenerator.ru
Платформ
17 классных целевых страниц, которых я хотел бы сделать
Вы когда-нибудь выполняли поиск в Интернете или нажимали на рекламу в Facebook, чтобы найти что-то более интересное, чем вы ожидали? Возможно, когда страница загружается, вы начинаете сожалеть о своем импульсивном щелчке, потому что ваша духовка только что пищал и ваша пицца готова! Но потом происходит что-то волшебное … Вы попадаете на страницу, чертовски крутую, что ваша пицца начинает гореть. Ладно, может быть, это все-таки не очень хорошая гипотеза — кто бы мог позволить своей пицце подгореть?
Печальное, печальное зрелище.
Моя точка зрения такова: Жестокая правда в том, что действительно крутых целевых страниц случаются не так уж и часто. Когда это произойдет, не следует упускать из виду те моменты для маркетологов! На самом деле, большинство классных целевых страниц, которые вы видите, вдохновлены другими классными целевыми страницами, поэтому мы собрали этот классный пост — чтобы вдохновить вас! Разве вы не слышали, что подражание — самая искренняя форма лести?
Но прежде чем мы погрузимся в некоторые довольно интересные примеры целевых страниц, давайте сначала рассмотрим…
Что такое целевая страница?
Когда я впервые услышал термин «целевая страница», я подумал, что каждая веб-страница должна быть целевой страницей (как на странице, на которую вы попадаете ), верно? Неправильно! Чтобы эта страница считалась «целевой страницей», необходимо перейти на нее в рамках маркетинговой инициативы.Вы можете заключить специальную сделку, позволяющую клиентам подписаться на ваш список рассылки или предлагать им «скоро» предложение — от спонсируемой рекламы Google той или иной формы (поиск, отображение и т. Д.), Платной социальной реклама в Facebook, Instagram и т. д. или рассылка по электронной почте. Чтобы действительно считаться «целевой страницей» в мире маркетинга, необходима транзакция, которая привела к тому, что этот человек попал на эту страницу. Unbounce прекрасно резюмирует это: «В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для целей маркетинговой или рекламной кампании.”
Теперь, когда мы понимаем определение целевой страницы, важно помнить, что существует множество не крутых целевых страниц. Фактически, только 22% предприятий удовлетворены текущим коэффициентом конверсии целевой страницы . Если ваши целевые страницы не классные, то, скорее всего, и коэффициент конверсии. Вот 17 очень КЛАССНЫХ целевых страниц, чтобы вдохновиться , а затем работать над повышением коэффициента конверсии.
стр.S. У нас есть выпуск подкаста Goal Talk на эту самую тему. Проверьте это в подкасте Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.
1. Сандалии для молодоженов
Я ищу идеи для медового месяца, и я наткнулся на эту страницу, когда проводил некоторое исследование в Google. Эта страница показалась мне крутой по многим причинам. Во-первых, посмотрите на людей, разве они могут быть круче?
Если серьезно, то эта страница делает несколько вещей правильно: соблазнительные образы, сигналы доверия с хорошо известными почетными знаками, полученные из внешних источников, и четкий, но не слишком неприятный призыв к действию «Закажи сейчас».
Прокручивая страницу вниз, я снова был впечатлен коэффициентом крутости. Эта целевая страница также включает в себя дополнительные услуги в их пакетах для молодоженов.
Итак, как вы можете украсть хорошие вещи, происходящие на этой целевой странице, и применить их к своей собственной?
- Используйте «крутые» и соблазнительные образы с людьми!
- Убедитесь, что ваш призыв к действию находится вверху страницы, но не слишком бросается в глаза.
- Чтобы вызвать доверие, предоставьте лучшие отзывы из известных источников.
- Убедитесь, что на вашей странице есть «бесплатное» предложение, чтобы привлечь новых потенциальных клиентов.
2. Instacart
Кто не устает ходить в продуктовый магазин? Допустим, вам не хватает продуктов, но собрать ваших детей кажется слишком трудоемким, поэтому вы обращаетесь к исследованию доставки продуктов, и БУМ вы попадаете на эту целевую страницу с этим привлекательным всплывающим окном, информирующим вас о том, что продукты могут быть доставлены всего за час. Кого бы не продали?
Есть много причин, по которым эта целевая страница так хорошо работает.Во-первых, у него забавный, относительный и графический фон; во-вторых, он сразу же призывает зрителя к действию с помощью всплывающего окна с призывом к действию. Целевые страницы часто перегружены множеством призывов к действию, кнопками или другими местами для перехода. Однако этот дизайн прост и его легко имитировать. Просто создайте графически красивый и актуальный фон, а затем используйте всплывающий призыв к действию, чтобы заставить ваших зрителей что-то сделать, прежде чем перемещаться по всему вашему сайту.
3. GEM Сантехника и отопление
Допустим, вам нужна помощь в водопроводе, отоплении или другом электрооборудовании.В такие времена вам не нужно тратить часы на навигацию по сложной целевой странице. Вот почему целевая страница GEM так эффективна. Хотя, да, еще многое происходит с точки зрения вкладок и других мест для навигации, реальный фактор крутости этой страницы исходит из того факта, что она привлекает и разрушает барьеры для контакта в трудную минуту.
Чтобы сделать ваши целевые страницы столь же эффективными, используйте простой, приветливый и понятный язык. Также убедитесь, что вы думаете о своей разнообразной аудитории.Хотя у вас может быть целевая личность, вы знаете, что каждый человек, посещающий ваш сайт, индивидуален и может иметь предпочтительный способ общения. Поэтому важно предоставить варианты, если ваша цель — привлечь внимание посетителей.
4. Программное обеспечение службы поддержки Solarwinds
Давайте будем честными, продавать программное обеспечение часто не «круто». Мы в WordStream слишком хорошо это знаем. Вот почему важно сделать ваши целевые страницы как можно более крутыми! Solarwinds отлично справляется с этим.Взгляните на целевую страницу ниже.
Вот причины, по которым он так хорошо работает:
- Текст короткий, приятный и четкий.
- Копия организована в виде списка, что упрощает ее усвоение.
- Есть один очень четкий призыв к действию.
- Этот призыв к действию — бесплатное предложение!
- Внизу страницы показаны другие крутые и известные бренды, которые также используют это программное обеспечение.
Так как же вам черпать вдохновение в этом бренде? Посмотрите на эти пункты выше и сделайте это на своих собственных, которые скоро станут крутыми целевыми страницами.
5. HelloFresh
HelloFresh предлагает отличный подход ко всей целевой странице с уникальным предложением. Вместо того, чтобы быть чрезмерно агрессивным и продажным, HelloFresh очаровывает новых пользователей контентом, связывая их с интересным постом в блоге. Еще одна замечательная особенность этой посадки — соблазн «специального предложения». Попробуйте это на своих целевых страницах, потому что специальные предложения — это определенно круто!
6. freshsales
«Программное обеспечение для управления контактами — как оно круто!» никогда в жизни никто не говорил.
К счастью, freshsales знает, как заставить своих посетителей чувствовать себя круто с их забавным подходом на 360 градусов. Целевая страница ниже использует стратегию сохранения организованного, убедительного и ясного текста, но также включает забавный визуальный элемент. Еще одна интересная особенность целевой страницы freshsales — это БЕСПЛАТНЫЙ CTA. Помните, что бесплатные вещи — это всегда здорово.
7. Wistia
Я могу быть предвзятым, потому что раньше я работал на компанию по производству видеоплатформ Wistia, но вы должны признать, что этот дизайн целевой страницы довольно крутой! Посмотрите это ниже.Главное, что в нем круто:
- Элегантный и простой дизайн.
- Уникальные и красивые цвета.
- Простой и понятный текст.
- Очаровательная копилка.
- Поначалу отсутствие призыва к действию (что делает его менее напористым).
Затем, прокручивая страницу вниз, вы получаете четкий призыв к действию ниже, в котором говорится, что кредитная карта НЕ нужна для регистрации. К этому моменту вы уже знаете, насколько я считаю бесплатные бесплатные вещи крутыми, и это сообщение о том, что кредитная карта не требуется, сразу меня заставляет полюбить это предложение.
Чтобы скопировать крутость Wistia, убедитесь, что ваш дизайн прост и визуально привлекателен. Дизайн и простота являются ключевыми в создании супер крутых целевых страниц, и (это еще не все?) Бесплатные вещи никогда не помешают.
8. Аренда ВПП
Я большой поклонник этого бренда, поэтому нисколько не удивился, когда наткнулся на очень крутой лендинг. Rent the Runway использует подход из приведенных выше примеров, когда всплывающее окно сразу привлекает внимание посетителя.Мне нравится это всплывающее окно, потому что оно сразу привлекает посетителей и заставляет их почувствовать себя частью опыта на сайте Rent the Runways. Это довольно круто — иметь возможность посетить сайт и так быстро попасть именно туда, куда вы хотите.
Так как же ты можешь быть таким крутым, как Rent the Runway?
- Поэкспериментируйте со всплывающими окнами, которые упростят работу вашим посетителям.
- Используйте простые и изящные значки, соответствующие тому месту, куда попадет ваш посетитель.
- Комбинируйте текст с визуальными элементами, чтобы сделать их интересными и легко усваиваемыми для посетителей (дополнительные рекомендации по использованию целевой страницы см. Здесь).
9. Рядный дом
«Вау! Какая классная целевая страница! » это именно то, о чем я подумал, когда попал на эту страницу о Row House, о бренде, о котором я раньше не слышал, но теперь весьма заинтересован. Эта целевая страница очень привлекательна из-за гладкого и простого дизайна, но то, что мне понравилось больше всего это видео с автовоспроизведением в фоновом режиме.Если у вашего бренда есть крутой визуальный аспект, почему бы не сразу захватить посетителей с помощью визуального компонента, такого как видео, на ваших целевых страницах?
Попробуйте стратегию Row House и поместите видео с автовоспроизведением в конце целевой страницы, и ваши посетители будут потрясены вашим уровнем крутости.
10. Торо Локо
Ресторанная индустрия, безусловно, одна из моих любимых, потому что, как и большинство людей, я считаю, что еда — это потрясающе. И я не буду называть имен, но я встречал слишком много не крутых целевых страниц в этой индустрии.Toro Loco определенно не входит в их число. Когда я увидел эту целевую страницу , , меня встретил великолепный стол с вкусной едой, а также четыре соответствующих варианта, куда идти дальше.
Затем волшебным образом появилось забавное всплывающее окно. Какое удовольствие! Также обратите внимание на всплывающее окно ниже… «Вечеринка с бранчем в мескале». Что может быть круче этого?
Сделайте свои целевые страницы такими крутыми, демонстрируя свои восхитительные предложения с забавной стороны.
11.Airbnb
Вы, наверное, знакомы с Airbnb, и я подозреваю, что это во многом связано с удивительным опытом работы с сайтом компании. Главная целевая страница Airbnb, которую посетители найдут при поиске отелей для путешествий, выглядит чистой, ясной и полезной. Это также определенно круто… Я имею в виду, просто посмотрите на эту стильную, солнечную, яркую комнату с хипстерскими шляпами, украшающими стены. Вы действительно не ошибетесь, если почерпнете вдохновение для целевой страницы Airbnb.
Придерживайтесь принципов, которые мы обсуждали, чтобы сделать ваши целевые страницы такими крутыми:
- Простой и понятный дизайн
- Заманчивые, но не подавляющие образы
- Очень четкий и не напористый CTA
12.Чейз
Кто не хочет становиться «членом семьи Чейза»? Выбрать провайдера кредитной карты достаточно сложно, но есть факт, что у большинства компаний есть несколько карт на выбор. Вот почему мне нравится эта страница от Чейза. Он не только устраняет различия между обеими картами, но и делает это очень крутым и удобоваримым способом.
Если у вас есть два сопоставимых продукта, по которым ваши посетители могут почувствовать противоречие, упростите им задачу, скопировав эту стратегию из Chase.Чтобы имитировать эту стратегию, найдите убедительное и актуальное изображение для фона, составьте краткий и наглядный список различий, по возможности предоставьте обзоры и сделайте отдельный призыв к действию для каждого варианта.
13. Wayfair
Это может выглядеть как всплывающее окно, но это не так! Wayfair отлично справляется с тем, чтобы покупатели попадали на красиво простую и актуальную целевую страницу. Нет никаких уловок и нескольких вкладок, мешающих. Скорее, покупатели получают довольно фантастические скидки, позволяющие им сделать покупки как можно скорее.Все, что вам нужно сделать, чтобы имитировать этот стиль, — это сделать вещи максимально простыми и предложить скидку.
14. HomeLight
HomeLight отлично справился с этой задачей на этой очень крутой целевой странице. Он не только прост и удобен для навигации, но и показывает красивый дом с великолепным небом. Что может быть круче?
15. Клуб плюшевых мишек
Разве «клуб плюшевых мишек» не похож на то, частью чего вы хотите стать? На самом деле это двуязычное дошкольное учреждение на французском и английском языках в Ньютоне и Линкольне, Массачусетс, но я наткнулся на него, когда проводил исследование для этой публикации, и был очень впечатлен их очень крутой целевой страницей.Во-первых, слишком мило название бренда. Я имею в виду, что дети классные, а очаровательные двуязычные художники еще круче.
Прокручивая страницу вниз, вы встречаете очень простой CTA.
Мне нравится, как родители могут прочитать некоторую утешительную и информативную информацию перед тем, как попасть в CTA и, надеюсь, совершить поездку для посещения. Это определенно отличная стратегия для подражания.
16. Wix
Эта целевая страница Wix настолько классная, что мне даже не нужно объяснять, почему.Достаточно взглянуть на великолепное и умопомрачительное изображение горы и неба. Сообщение ясное, сфокусированное, и CTA прямо здесь, чтобы вы могли выйти и «начать сейчас»!
17. Убер
И последнее, но не менее важное: эта целевая страница Uber для набора новых водителей очень крута по многим причинам. Послание ясное, призыв к действию сфокусирован, но главная причина, по которой я считаю эту страницу такой крутой, — это очаровательная счастливая женщина, изображенная на фото. Фотография на этой странице кажется реальной, человечной и интересной, что очень круто, если вы спросите меня.
Я не могу дождаться, чтобы увидеть все крутые целевые страницы, которые вы создаете с этим списком крутых идей для вдохновения. Поделитесь своими супер классными ссылками на целевые страницы ниже в комментариях!
.10x посадочных страниц
Эндрю Уилкинсон — создатель мега-огромного дизайнерского агентства MetaLab — нанял мою команду, чтобы она написала одностраничные программы для нескольких своих SaaS-компаний.
Мы ушли. Следовал нашему обычному процессу, начиная с исследования. Составил копию.
А потом я сделал одну вещь с нашей копией, которая заставила меня так нервничать, что я чуть не позвонил, чтобы расторгнуть контракт.
Так вот, это был не первый раз, когда я поступал так.
Вообще-то, я всегда это делал.
И я даже не сомневался в этом.
Пока не пришло время подарить мой экземпляр Андрею.
Дай мне резервную копию: Эндрю дизайнер. Дизайнер с идеальным пикселем. Если вы знакомы с приложением Slack, он руководил его командой по его разработке. Он kinduvabigdeal в мире дизайна интерфейсов.
И вот я копирайтер. Нанял написать копию. Но делать то, к чему я не готовил Эндрю, гения дизайна …
Я написал копию в каркасе.
Как и в случае, я разработал моей копии на странице.
Конечно, я занимался моделированием много лет. И, конечно же, нет лучшего способа представить свою копию, чем в рекомендованном макете, учитывая, насколько переплетены текст и дизайн. Но что мог подумать этот великий дизайнер, когда увидел мои провода? Обидится ли он? Он бы посмеялся? Погладил бы он мою головку … или закусил бы губу, чтобы не наорать на меня … или просто вздохнул бы и вздохнул?
Вместо того, чтобы отказываться от концерта в одиночку, я поплелся в блестящие, стеклянные, очень редкие, запугивающие офисы MetaLab и заставил свои руки не дрожать, открывая свой ноутбук, чтобы показать Эндрю, что я » d написано… и разработан.
«Мне это нравится», — сказал он. «Мне нравится твоя работа».
Оказывается, даже звездные дизайнеры ценят хорошие рекомендации по отображению сообщений для конвертации.
Написание текстов по телеграфу — это единственный способ заставить ваших клиентов увидеть ваше видение того, что их целевая страница может и должна выражать.
Несмотря на то, что мы говорим себе, что должны придерживаться слов, мы показываем себя лучше всего, когда помогаем нашей команде дизайнеров, нашим руководителям по маркетингу, нашему CRO-специалисту, нашему SEO-агентству и нашим руководителям сидеть на месте посетителей и читать текст в проводах.Вместо того, чтобы гадать, как это «может» выглядеть в конечном итоге …
Вот почему Модуль 3 научит вас, почему я всегда пишу копии по проводам (и почему вы должны тоже).
.
Добавить комментарий