|
|
|
|
|
|
|
|
|
Рейтинг лучших хостингов для одностраничного сайта (лендинга). Лендинги самые крутые13 небанальных идей для крутого лендингаМы уже делали подборку крутых лендингов для вдохновения. Эта статья – своеобразный ее сиквел. Все лендинги в этой подборке отличаются небанальными дизайнерскими решениями и способами подачи информации. Их нельзя назвать уникальными – ежедневно дизайнеры разного калибра выдают сотни новых лендингов, и где-то эти решения уже встречались. Больше подойдет слово «незатасканные». Миксуйте несколько идей в одной посадочной странице – и ваша работа выгодно выделится на фоне конкурентов. Текстовые и визуальные лайфхакиОбращайтесь напрямую к клиентуРечь идет не о банальном «Здравствуйте, мы компания Х и работаем на рынке с бородатого года». Это скучно и никого не цепляет. А вот парень из подмосковного Солнечногорска сделал удачный оффер и вынес контактную информацию в начало лендинга. Никаких заумных фраз и козыряния многолетним опытом. Человек обращается к читателям точно так же, как общался бы с ними «вживую». Обыграйте название продукта или услуги в тексте лендингаКак сделали ребята из строительной компании «Меритон». Новый жилой комплекс сам рассказывает о себе потенциальным клиентам. Креативная подача сразу цепляет, а название бренда повторяется от экрана к экрану и точно отложится в памяти после закрытия страницы. Обыграть можно почти любое название бренда, даже аббревиатуры и сокращения, если копирайтер – профи. Мы советуем работать только с такими – профессионализм всегда конвертируется в прибыль. Внедряйте символику и отсылкиЛендинг – это «лицо» товара или услуги в интернете. Ассоциации с устойчивыми и всем знакомыми символами (историческими, социокультурными и т. д.) сделают это лицо узнаваемым. Ева Кац использовала в продвижении школы личного продюсирования эстетику советских транспарантов: большие белые буквы на красном фоне, печатный шрифт. Как оформлять тексты для сайта, чтобы их читалиЧувственная подача инфы на грани фолаВ реальной жизни почти никто не изъясняется тургеневским языком. Непристойные слова, если использовать их к месту и дозированно, обогащают речь и придают ей изюминку. Ничто не мешает использовать этот прием и в текстах для лендингов. В нашем примере просторечное название пятой точки отлично вписывается в рекламное предложение. Подача тоже рвет шаблоны – первые экраны лупят по болям клиента мощным апперкотом. Подайте информацию в формате квеста99 % лендингов начинаются с оффера. Туроператор Grand Tour пошел другим путем – он не стал раскрывать выгоды для клиента в первом экране, а вовлек посетителей в мини-квест, где с каждым скроллом открывается новая информация об услуге. На главной странице Grand Tour, оформленной в виде лендинга, реализованы сразу несколько удачных примочек для захвата внимания. Здесь и всплывающий текст, и интерактивная анимация, и звуковые эффекты. Поиграйте со шрифтамиПосадочными страницами от Apple можно вдохновляться бесконечно. В лендинге-презентации очередного iPad создатели выделили преимущества модели рукописным шрифтом. Текста мало, прочитают даже ленивые. Придумайте креативный футерВесь лендинг «Котофабрики» пестрит креативом, но их футер просто огонь. Ребята беззлобно простебались над стереотипными блоками о гарантиях (в самом деле, кто читает те мелкие тексты?) и сделали убедительное предложение. Задействуйте юморВзгляд посетителя первым делом цепляется за графические элементы, а не текст. Поэтому если вы задействуете юморной графический контент – это уже половина успеха. Пользователь прокрутит лендинг до конца уже ради того, чтобы посмотреть картинки. Совместите юморной контент с динамичным, не скучным текстом – и хорошая конверсия не заставит себя ждать. У консалт-бюро «Нескучные финансы» и лендинги нескучные благодаря мини-комиксам в узнаваемом стиле. Технические лайфхакиАнимация при скроллеСоздатели лендинга-презентации iPhone X использовали технологию Canvas, позволяющую рисовать прямо на странице. Готовых плагинов под нее нет, вся эта красота реализуется через JavaScript. Видео во всплывающем окнеВидео без автовоспроизведения не всегда красиво вписываются в дизайн посадочной страницы. Поэтому создатели лендинга для сервиса Evernote спрятали видеоролики в картинки. Сделать такое можно любым плагином для создания модальных окон, в которое встраивается видео. Например, LightBox или Easy Modal. Интегрированные в лендинг инвойсыВеб-сервис управленческого учета «Финолог» предлагает удобный и лаконичный счет на оплату, с заполнением которого разберется любой. Сделать подобное можно любым хорошим плагином для создания форм: Contact Form 7, JS Forms или через онлайн-сервис JBCallme. 12 примеров великолепных лендингов: черпаем вдохновение у профессионаловПрелоадер (анимация при загрузке лендинга)Яркий пример такого решения – посадочная страница компании Piratecode. Анимация при загрузке реализуется через JavaScript или через плагин Preloader. Визуальный конструктор товара в лендингеИзвестный производитель гитар Halo внедрил в посадочную страницу конструктор товара. Посетитель может собрать свою гитару прямо на лендинге. Сделано с помощью самописного программного кода. Сложная работа, но результат очень хорош. Итак, что в итоге:
Напоследок напомним, что у нас работают крутые дизайнеры, верстальщики и копирайтеры. Если нужен лендинг с огоньком – обращайтесь, сделаем! kak-sdelat-krutoy-lending-nebanalnye-ideitexterra.ru 10 советов по разработке реально крутых лендингов / Полезное / FREELANCE.TODAYLanding Page — это первый опыт, который ваш клиент (или потенциальный клиент) получит от взаимодействия с вашим брендом. Лендинг должен передавать информацию, призывать к действию и отражать вашу личность. Это трудно! Если вы просто наклеите свой логотип и изображение продукта на шаблон, это будет очевидно. На странице не будет предоставлен опыт или информация, которых ожидает ваш клиент. Разработка крутого лендинга, который будет работать, требует планирования и точности. Давайте рассмотрим десять советов о том, как сделать реально хороший лендинг с высокой конверсией. Задайте одну, четкую цель для страницы Самое первое, что нужно учитывать при создании дизайна лендинга или при внесении корректировок — это цель страницы. Что вы хотите, чтобы делали пользователи? Это может быть:
Тогда все на вашей целевой странице должно быть спроектировано и нацелено на то, чтобы приблизить пользователей к этой цели. BarkBox продает игрушки для собак. Целевая страница выше для продвижения спецтовара в День святого Валентина. Она тематически, но побуждает пользователей совершать покупку. Обратите внимание, что каждая кнопка говорит «Начать». Создавайте дизайн для вашей аудитории Лендинг должен быть адаптирован под пользователей, которые будут его использовать. Это звучит очевидно, но на самом деле мало кто так делает. Люди и изображения в дизайне должны иметь отношение к пользователям. Текст – написан таким голосом и тоном, которым эти пользователи говорят. Чтобы понять, кто ваша целевая аудитория, вы можете глубоко погрузиться в свою аналитику.
Создайте дизайн, который обращается к аудитории, с которой вы работаете, чтобы надеяться на увеличение взаимодействия и конверсий пользователей. Используйте сильные изображения Крутое изображение, интересное фото или интересное видео делают сильное первое впечатление и помогают вовлечь пользователей. Coulee Creative использует интересный подход. Дизайн остается, но зато меняется заголовок, и при каждом изменении заголовка выражение лица на изображении изменяется тоже. Это элемент неожиданности, это весело, и заставляет вас ждать, чтобы увидеть, что он будет делать дальше. Привлекательные тексты Большинство целевых страниц включают несколько уровней текста. Каждый из этих уровней должен быть непреодолимым, и работать над тем, чтобы заставить пользователей идти к желаемым действиям, установленным целями вашего сайта. На большинстве целевых страниц используются следующие типы блоков: Заголовок: должно быть несколько слов, которые привлекают внимание пользователей. Тело текста: это ваше главное сообщение. Он должен быть кратким и прямым. Призыв к действию: часто в форме кнопки или ссылки; говорит пользователям, что делать с веб-сайтом. Каков следующий шаг в этом процессе, и как они туда попадут? Дайте ясное сообщение. Нижний колонтитул: стандартная информация, такая как брендинг, контактная информация и ссылки в социальных сетях. Помогает установить доверие и предоставить дополнительную информацию. Используйте в навигации ключевые слова Элементы навигации на целевой странице могут рассказать пользователям о вашем веб-сайте. Подумайте об элементах навигации в качестве дополнительных ключевых слов, которые предоставляют информацию для пользователя. Baublebar хорошо справляется с этим на своей целевой странице Puppy Bowl. Компания, которая в основном продает ювелирные изделия для женщин, использует навигационную панель, чтобы подчеркнуть это, пока демонстрирует бабочки для домашних животных на лендинге. Далее страница фокусируется на ювелирных изделиях для женщин с изображениями продуктов, которые не предназначены для собак. Все эти подсказки в навигации помогают пользователям, которые пришли на сайт продуктов для домашних животных, увидеть, что основной бизнес намного больше. Сделайте чистый CTA Каждый пользователь должен точно знать, что делать, когда он попадает на целевую страницу. Четкие призывы к действию имеют жизненно важное значение. Не предполагайте, что пользователи просто сделают то, что вы хотите. Хорошие призывы к действию могут быть в форме кнопок, форм для заполнения, инструкций пользователя (например, прокрутка) и даже анимаций. Портфолио Джонатана Паттерсона использует последнее, чтобы направить действие пользователя — каждый из ярких цветных блоков темнеет при наведении курсора. Это указывает пользователям, что каждый блок можно щелкнуть для получения дополнительной информации. Настройте контент Посадочные страницы по своей природе предназначены для некоторых специфических целей, с которыми не справится обычный сайт. Настройте контент целевой страницы так, чтобы максимально использовать эту возможность. Trulia направляет пользователей на лендинг, который использует инструменты геолокации, чтобы каждый пользователь с самого начала получал информацию, специфичную для его местоположения. Этот простой пользовательский интерфейс делает веб-сайт непринужденным, и пользователи с большей вероятностью будут взаимодействовать с контентом, относящимся к ним. Подключите брендинг Одна из распространенных проблем с целевыми страницами — то, что они часто не похожи на основной сайт. Их вообще невозможно отнести к основному сайту, они не соотносятся с ним, и с вашим брендом тоже. Целевые страницы должны содержать четкий и релевантный брендинг, чтобы пользователи точно знали, с кем они связываются. Nike отлично справляется с этим на странице настройки обуви на своем веб-сайте. Она включает в себя тот же заголовок и логотип, что и каждая другая страница, но основной контент отличается — и пользователи знают, что он особенный из-за дизайна на обуви. Это не изображение продукта для продажи; это движущееся изображение с концепциями, которые могут создавать пользователи. Но пользователи никогда не будут задаваться вопросом, продолжают ли они взаимодействовать с брендом Nike. Это и так понятно, по дизайну страницы. Страница должна отвечать источнику трафика Когда пользователь щелкает ссылку из другого места в Интернете и приходит на целевую страницу, у него есть некоторое ожидание того, что он может увидеть. Целевая страница должна быть сконструирована так, чтобы контент подходил для этого трафика. Bills.com имеет целевую страницу с простой формой, которая помогает пользователям понять, как управлять долгом. На целевой странице нет беспорядка, и пользователи даже не видят никакой другой информации, пока не завершат процесс предварительного скрининга, показанный выше. Этот дизайн сильно зависит от источника ссылки — от таких мест, как социальные сети или даже от печатной информации, — который рассказывает пользователям, что будет дальше. Установите иерархию и настройте поток Хорошая целевая страница удобна для использования. Здесь все очевидно: куда смотреть и что делать. Проектирование с использованием общих шаблонов, основанных на изучении поведения пользователей, может значительно помочь в создании этого потока. Добавьте уровни изображений, брендинга и типографики, чтобы установить четкую иерархию, и пользователи сразу узнают, как взаимодействовать со страницей. У LS Productions, выше, очень хорошо настроен поток — прокрутка видео, до верхнего угла логотипа, до заголовка, затем до кнопки CTA. И пользователи получают всю эту информацию в течение наносекунд. Вывод Посадочная страница – это и лицо вашего бренда, и лавка, через которую вы можете быстро продать товар или настроить взаимодействие с пользователем. Только для того, чтобы все работало, как положено нужно все настроить, как положено. Подумайте о тексте. О расположении блоков. Об интересных подходах к оформлению. Но при этом навигация, призыв к действию, должны быть чистыми и понятными. Некоторые страницы могут давать хороший результат благодаря тому, как вы управляете трафиком. Но другие страницы могут быть популярны из-за содержания, ссылок из других источников и поиска. Знание того, откуда происходит этот трафик, и того, что ищут пользователи, является ключевым фактором, когда дело доходит до определения целей и разработки целевой страницы, которая действительно работает.
Источник freelance.today 10 Sexy лендингов РунетаВспомните, как выглядит типичный лендинг. «Шапка» с картинкой из фотостока → Наши преимущества или почему к нам обратились 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. Поделитесь в комментариях, какая из страниц «зацепила» вас больше всего & предлагайте свои версии лучших лендингов в Рунете. spark.ru 12 примеров, на которых стоит учитьсяКак разработать лендинг для высоких конверсий — читайте в нашей предыдущей статье. Но сегодня речь пойдет о другом. Правильная посадочная страница должна учитывать массу элементов — продающий контент, изображения, структуру, цветовое оформление и т. д. Все это можно познать на скучной теории, но ведь уроки куда проще воспринимаются с практическими примерами! Знакомьтесь: лучшие лендинги мира, которые мы откопали в разных уголках Буржунета. Смотрите, анализируйте, учитесь у профессионалов и не повторяйте ошибок. №1: Посадочная страница VideoFruit
Что сделано правильно: · Четкий таргетинг: заголовок и подзаголовок ориентированы на новичков, поскольку большинство продвинутых маркетологов и бизнесменов знают, что такое список адресов электронной почты. · Четкое преимущество: если вы подписаны, они научит вас получить первую сотню подписчиков. · Зеленая кнопка призыва к действию удачно контрастирует с синим фоном и выделяется. · Социальное доказательство помогает установить доверие — NBC News, ESPN, Lifehacker и Moz — крупнейшие и авторитетнейшие сайты Буржунета. Что можно протестировать / улучшить: · Слова, которые передают пользу, «получить ваши первые 100 подписчиков» сливаются и плохо отображаются на синем фоне. Они должны контрастировать. · Неплохо бы провести А/В тестирование с другим заголовком - «Хочешь начать свой бизнес?». №2: Лендинг пейдж ConvertKit Что сделано правильно: · Обещание «запустить свой первый веб-сайт за 30 дней» является сильным, граничащим с фантастическим, однако вызывает сильное любопытство у читателя. · Слово «бесплатно» заманчиво. В отрасли, сдирающей тысячи долларов за переработанную информацию, месячный бесплатный курс подогревает интерес. Что можно протестировать / улучшить: · Возможно, наша команда предложила бы эмоционально насыщенную историю. «Общие» формулировки плохо говорят сердцу аудитории, и это серьезный минус. №3: Веб-страница Aura Dating Academy Брать деньги за уроки ловеласа — это определенно интересная бизнес-идея.«Академия свиданий» Aura реализовала ее с помощью прекрасной целевой страницы. Что сделано правильно: • Желтая кнопка призыва к действию прямо просится, чтобы ее нажали. • Слово «бесплатно», как всегда, производит феноменальный эффект на молодых людей. • Очень подробный и откровенный отзыв, используемый для демонстрации «опыта» Дэвида — социальное доказательство в формате видеоролика — звучит убедительно. • Ярко выраженное ценностное предложение — Дэвид хорошо знает потребности ЦА и поможет «уверенно знакомиться с женщинами». Что можно протестировать / улучшить: • Мы бы запустили А/В тестирование без видеоролика. Людям вечно не хватает времени, чтобы просматривать видео с информацией, которая может и не пригодиться. • Можно опробовать другой набор заголовков. Например, со словом «привлекать». №4: Лендинг компании MeetEdgar
Здесь мы видим не совсем обычную посадочную страницу, которая предоставляет посетителям доступ к остальным разделам веб-сайта — блогу, ценам, информации о компании и др. Это весьма интересный, но рискованный подход к разработке лендингов. Потенциальный клиент может перейти сразу в блог или еще куда-то, выпорхнув из маркетинговых сетей целевой страницы. Исследования Conversion XL показывают, что удаление навигационных элементов с таких веб-страниц увеличивает коэффициент конверсии на 16-28%. Поэтому мы не советуем рисковать. Что сделано правильно: • Фантастический заголовок «Социальные медиа. Минус временные затраты»: MeetEdgar знает перспективы и понимает, что люди скептически относятся к ROI социальных сетей. В заголовке развеиваются их возражения одним метким утверждением. • Удачное обещание сэкономить время — очевидная польза, которая делает клиента счастливым. • Кнопка призыва к действию выделяется на синем фоне. Что можно протестировать / улучшить: • Мы бы опробовали дополнительный призыв к действию с другой формулировкой. • Если вы оставляете элементы навигации, то можно добавить призыв именно сюда. • Можно расширить информацию о компании и предлагаемых услугах. №5: Веб-страница MotleyFool
Компания обучает всех, кто желает делать деньги на бирже без финансового образования и опыта. Что сделано правильно: • Простая, чистая и целенаправленная посадочная страница помогает усилить конверсии. • Выделяется слово «бесплатно» и подчеркивается, что «вы ничего не теряете» при подписке на курс. • Слова «нет жаргона Уолл-стрит» помогают развеять опасения финансово неграмотных новичков. Что можно протестировать / улучшить: • Целесообразно опробовать замену слова «ensure – обеспечить» на «гарантировать» финансовое будущее, чтобы добавить уверенности потенциальному клиенту. • Многих может испугать, что «каждый день он будет получать email для прохождения курса» - пользователям хочется все и сразу, даже если так не бывает. №6: Лендинг пейдж LandingFolio
Компания предлагает платные формулы продающих заголовков для коммерческих сайтов. Несмотря на грамотную, в целом, разработку лендинга, маркетологи перестарались. Фраза «Почему вы до сих пор теряете время на создание заголовков?» загоняет в тупик. Если придумывание заголовков было пустой тратой времени, зачем мне этот продукт вообще? И зачем вообще писать заголовки? Неужели их клиенты действительно говорят самим себе «это пустая трата времени»? Что сделано правильно: • Заголовок давит на болевую точку. • Подзаголовок передает преимущество, которое решает проблему. • Логотипы MOZ и Conversion XL внушают уважение. • Большая зеленая кнопка призыва к действию выделяется. Что можно протестировать / улучшить: • На веб-странице есть несколько ошибок, которые портят впечатление. • На кнопке лучше писать не «Закажи свой...», а «Получи больше конверсий» или что-то похожее. • Строчка «Посмотреть примеры заголовков» рядом с кнопкой отвлекает внимание клиента. №7: Лендинг пейдж IDoneThis
Что сделано правильно: • Фраза «более 160 000 человек» передает социальное доказательство — многие его используют, поэтому вам обязательно следует попробовать! • Заголовок посадочной страницы передает четкую и понятную выгоду. • Развернутый подзаголовок облегчает понимание продукта. • Возможность регистрации с помощью Google — это простота и высокие конверсии. Что можно протестировать / улучшить: • Добавление специфических функций к изображению справа улучшит запоминаемость продукта. • Возможно, призыв к действию можно сделать более эмоциональным и вовлекающим. №8: Веб-страница Outskirt Press
Что сделано правильно: • Обещание впечатляющее — решает проблему начинающих авторов опубликовать собственную книгу со 100% прибылью и соблюдением прав. • Наличие известных логотипов позволяет увидеть, где авторы могут публиковать свои книги. • Маркированные списки позволяют легко взглянуть на преимущества. Что можно протестировать / улучшить: • Кнопка призыва к действию говорить «Получить бесплатную электронную книгу». Нет, ну действительно, кому захочется «Получить подробности бесплатно»! • Черный шрифт заголовка и текста на синем фоне увеличивает время прочтения. Помните: повлиять на решение пользователя нужно за секунды! №9: Посадочная страница бизнес-тренера Ноа Кагана
Что сделано правильно: • Минималистская страница помогает сосредоточиться на единственном действии — регистрации. • Зеленая кнопка с необычным призывом к действию привлекает внимание. • Текст передает преимущества и рассказывает именно о перспективах взаимодействия. • Ниже приводятся социальные доказательства — отзывы известных людей. • Открытая фотография Ноя и гармоничная цветовая схема делают сайт привлекательным. Что можно протестировать / улучшить: • Неясно, что означает «85% моих самых горячих бизнес-советов» - почему не все??? • Можно провести А/В тестирование других вариантов СТА вместо фразочки Spice me up. • Шрифт и кернинг подзаголовка неудачные, поэтому текст читается медленно. №10: Сайт для спортсменов Athlean-X
Данный сайт занимается спортивными товарами, литературой и биодобавками для спортсменов. Несмотря на яркое и привлекательное предложение получить книгу бесплатно (за ним последует регистрация email), лендинг применяет все тот же рискованный прием — элементы навигации по сайту и возможность для пользователя «улизнуть» в другой раздел без совершения целевого действия. Что сделано правильно: • Слово «бесплатно» в заголовке выглядит ярко и заманчиво. • Цветовая схема и фон лендинга в целом отлично подобраны для суровых фанатов «железа». • Перспектива «накачать бицепсы, которые поворачивают головы и разрывают рукава» точно воздействует на целевую аудиторию подобных сайтов. Что можно протестировать / улучшить: • Лендинг должен фокусироваться на целевом действии, а лишние элементы мешают. • Отсутствуют социальные доказательства — отзывы людей, которые уже получили книгу. • Не до конца понятно, что означает название «Черная книга бицепсов». №11: Бизнес-сайт Эндрю Чена Данный лендинг предлагает подписаться на авторские обзоры событий Силиконовой долины. Очевидно, что основная клиентура Чена — это инвесторы и специалисты в области высоких технологий. Сайт Эндрю Чена минималистский по своей природе. Основное внимание уделяется контенту, социальному доказательству и, конечно же, побуждает людей подписываться на его информационный бюллетень, который является главной целью конверсии. Что сделано правильно: • Минималистская целевая страница фокусирует пользователя на действии. • Подзаголовок дает четкое представление о сущности продукта и выгодах от него. • Внедрение социальных доказательств с такими именами, как New York Times и Fortune. • Отзывы дополнительно усиливают социальные доказательства. Что можно протестировать / улучшить: • Вместо @andrewchen желателен соблазнительный, ориентированный на выгоду заголовок. • Сжатие текста, отсутствие вертикального выравнивания, нечеткость <h3> и неправильное использование пробелов могут привести к ухудшению конверсий. №12: Лендинг пейдж Masala Body А этот сайт рассчитан на женскую аудиторию, желающую избавиться от лишних килограммов. Что сделано правильно: • Фотографии «до» и «после» наглядно демонстрируют, что создательница рецептов похудения действительно знает, о чем говорит. Результат вызывает доверие. • Предложение получить по email БЕСПЛАТНЫЕ рецепты призывает попробовать. • Идея потеря веса с помощью специй весьма любопытна и привлекательна для большинства — изнурительные упражнения и диеты здесь даже не упоминаются! • Автор борется с вероятными возражениями, допуская шоколадный торт в своих таинственных рецептах! Это последняя линия обороны сладкоежек. • Грамотное использование логотипов для упоминания социального доказательства. • Ниже приведены цитаты экспертов, которые «узаконивают» методику. • Отзывы женщин подкрепляют уверенность в результатах. Что можно протестировать / улучшить: • Элементы навигации снова позволяют посетителю уходить через второстепенные разделы сайта — например, через блог — не выполнив целевого действия (без регистрации email). Берите пример с лидеров, не повторяйте ошибок, и удачных вам конверсий! sdvv.ru Мы проанализировали 20 лэндингов крутых стартапов и вот чему мы научилисьВ нашем проекте мы постоянно меняем основной лендинг или создаем дополнительные лендинги для направлений нашего сервиса. Каждый раз стараемся найти лучший вариант представления нашего продукта. Но что менять, а что оставлять, не всегда понятно с первого взгляда. Поэтому мы перевели статью, в которой препарируются 20 лэндингов известных стартапов. Это как собрать идеальную девушку из топ моделей или любимых актрис. Только про лэндинги. Итак, запаситесь чашкой кофе, понеслась. Главная страница или лендинг вашего стартапа — это, наверное, самая важная страница вашего сайта. Думайте о ней как о пустом холсте, на котором вы, как владелец бизнеса или веб дизайнер, можете зацепить вашего первого посетителя. В первую очередь вашa главная страница должна объяснять о чем ваш продукт или сервис. И это еще не все — она должна делать гораздо больше:
К сожалению, нет волшебной формулы с помощью которой можно сделать идеальную главную страницу. Но можно выделить определенный набор элементов, которые постоянно используются в большинстве стартапов на своих страницах, чтобы конвертировать первых посетителей в покупателей. Цель данного исследования — выявить определенный набор идей которые можно проверять на своих страницах. Первый шаг: Найдем 20 SaaS стартаповМы хотели проанализировать комбинацию старых и новых стартапов для определения элементов на их страницах, из которых можно будет увидеть какую-то модель/шаблон создания «идеальной» страницы. И так начнем с нескольких «топовых стартапов» и «наиболее успешных стартапов»:
Следующий шаг: Анализ каждой главной страницыСледующий шаг начинается с просмотра каждой главной страницы и элементов, используемых на этих страницах. Итак что мы нашли:
Следующий шаг: Анализируем каждый используемый элементС помощью собранной информации давайте посмотрим как часто используются каждые конкретные элементы.Вот несколько интересных статистических фактов об этих 20-ти стартапах: 100% - содержат слоган 75% - содержат описание после слогана95% - содержат призыв к действию на первом экране 20% - содержат призыв к действию с полем ввода (емейл или веб сайт) перед ним 50% - содержат слово «бесплатно» в их призывах к действию 10% - содержат полную форму регистрации 5% - содержат информацию о ценах 20% - указывают выгоду от пользования их продуктом 65% - указывают список функций их продукта Мультимедия 20% - содержат видео 35% - содержат скриншоты Хедеры и футеры 85% - содержат хедер 30% - содержат фиксированный хедер, который остается на экране при прокручивании 100% - содержат футер Социальные доказательства 80% - содержат какую-то форму соц. доказательств (список клиентов, отзывы или кейсы) 60% - содержат список клиентов 50% - содержат отзывы 15% - содержат кейсы Что же эти цифры говорят нам? Важно помнить, поскольку мы не имеем в нашем распоряжении конкретных коэффициентов конверсии, то мы не можем определить какие элементы работают лучше других (статистически). Однако, поскольку целью анализа было определить список идей для тестирования, то информации более чем достаточно. Если вы собираетесь обновить свою главную страницу, тогда следующая часть статьи будет наиболее интересна для вас. Ниже мы покажем список идей которые вы можете попробовать.
1. Ваш слоган: Ваш шанс выделитьсяВашей странице необходим слоган. Думайте о нем как о способе рассказать вашим посетителям о вашем сервисе за 5 секунд. Надо чтобы он был коротким и внушительным. Он должен выделять выгоды от вашего сервиса в одном предложении.Все стартапы содержали слоган — и 75% из них писали описание сразу под ним. Старайтесь использовать как можно более короткие фразы, произнесите их пару раз вслух. Представьте, что у вас есть 5 секунд чтобы объяснить о чем ваш продукт или сервис другу… чтобы вы сказали?
Тестируем идеи:
2. Ваш призыв к действию: Увлеките ваших клиентов на первом экранеПочти все стартапы (95%) содержали призыва к действию на первом экране. Текст в этом призыве может серьезно повлиять на количество посетителей кликнувших на него, это точно стоит тестировать. Половина стартапов использовали слово «бесплатно» в своих призывах, несмотря на то, что у них у всех существуют платные подписки.Так же исследование показало, что 20% стартапов помещали поле для емейла или сайта перед призывом к действию. Это создавало впечатление у посетителей, что они уже потратили определенное время на регистрацию и готовы работать с сервисом, при этом еще не начав регистрироваться. Тестируем идеи:
Вот несколько примеров от стартапов:
3. Социальные доказательства: Формируйте доверие и вовлеченностьНеудивительно, что большинство страниц (80%) использовали какую-либо форму социальных доказательств. Они работают, потому что посетителям нужно чувствовать, что вашим продуктом/ сервисом пользуются и он настоящий.Три основных формы социальных доказательств:
Тестируем идеи:
Вот несколько примеров от стартапов:
4. Функции: Объясните как работает ваш продуктХотя 60% стартапов показали список своих функций, 20% из них посвятили целую секцию выгодам от их продукта. Пока ваш продукт не достиг такой популярности, что большинство людей уже знают как он работает, вам нужно объяснять что же ваш сервис делает.Существует много различных путей объяснить о чем ваш продукт — вы можете показать скриншоты или видео. Или описать в текстовой форме как работает каждый элемент. Один из стартапов разместил отзыв после каждой функции — это отличный способ показать выгоды словами пользователей.
Тестируем идеи:
Вот несколько примеров от стартапов:
5. Больше информации: Для посетителей, которые хотят узнать большеВы точно найдете определенное количество посетителей, которые не будут удовлетворены информацией на главной странице. Эти пользователи захотят найти как можно больше информации о вашем продукте перед тем, как начать думать о его использовании. Именно поэтому вам нужно убедиться, что посетители легко могут попасть на другие части вашего сайта с главной страницы.Некоторые стартапы делали это, добавляя второй призыв к действию, ведущий на подробное описание продукта, на страницу FAQ или добавляли полезные ссылки в футер. Убедитесь, что вашим посетителям есть куда идти дальше, если вы не хотите отправлять их на регистрацию.
Тестируем идеи:
Вот несколько примеров от стартапов:
И так финальный список: идея для проверкиБлагодаря анализу сайтов можно подчеркнуть 17 идей которые стоит попробовать на вашей странице. Важно помнить, что идея которая работает на одном сайте может не подходить к вашему. Подробное А/Б тестирование необходимо для проверки, как влияет тот или иной элемент на конверсию. И помните: иногда удаление контента с вашей страницы может оказаться самым эффективным решением. И так финальный список:
Список выше должен дать вам несколько идей, что попробовать на вашем сайте, чтобы на ваш сервис подписалось еще больше людей. Но перед началом каких-либо изменений проанализируйте ваш текущий сайт, чтобы знать с чем сравнивать ваши успехи. habr.com Лучшие лендинги Мира. ТОП-10 лендингов [февраль 2018]Добрый день, дорогие друзья! Весна хоть немного и опаздывает, но мы уже можем наблюдать изменения в нашем ТОПе. В феврале стала усиленно набирать популярность «Красота» и «Здоровья». Это одни из самых ходовых тематик. Это означает, что категории пользуются спросом не только у пользователей, но и у рекламодателей. А это всегда означает высокую конкуренцию. Сегодня мы рассмотрим самые лучшие лендинги Мира за февраль в этих категориях, из базы AdvanceTS, проведем аналитику и опишем подходы по которым создавались тизеры.
Давайте начнем? Первым у нас идет «Вариус» — тематика здоровья. Новый лендинг, набирающий популярность в тизерных сетях. 1. payshops.ru/variuz/?ref=134836 Оффер: Вариус — гель от варикоза Тизерные сети: Directadvert, Advertlink Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Воспользовавшись аналитикой AdvanceTS и промониторив выдачу, видим, что среди картинок хорошо заходят:
Оффер свежий и хорошо продвигается в тизерных сетях, просматривается через мобайл и десктоп. ГЕО: страны СНГ
Второй «TurboFit»- тематика красота. Ленд ориентирован на Казахстан и пользуется популярностью. 2. sale-health-official.kz/2233-147p-pohudenie-turbofit-kz Оффер: TurboFit — средство для похудения Тизерные сети: Bodyclick, Directadvert, Marketgid, Kadam, Advertlink, Actionteaser, Mediavenus, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Объявления MyTarget: В креативах использованы различные подходы:
Оффер не новый, довольно известный, уверенно держит свои позиции, просматривается через мобайл и десктоп. ГЕО: страны СНГ
Третий «Upsize»- тематика красота. Лендинг ориентирован на Украину, довольно популярен и пользуется спросом. Ну, а что еще сказать, весна))) 3. upsize-cream.goodshop.life/2 Оффер: UpSize — крем для увеличения груди Тизерные сети: Marketgid, kadam, Advertlink, Novostimira, Actionteaser, Mediavenus, Etarg, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Среди картинок хорошо заходят изображения красивых девушек и подход ДО и ПОСЛЕ, есть adult. Оффер довольно старый, продвигается постами в ВКонтакте и Instagram, просматривается через мобайл и десктопю ГЕО: страны СНГ
4. onetwoslim-9.goodshop.life/34 Оффер: OneTwoSlim — капли для похудения Тизерные сети: Marketgid, Kadam, Novostimira, Actionteaser, Mediavenus, Etarg, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Среди креативов наиболее популярны:
ГЕО: Россия и Украина Оффер старый и довольно известный, просматривается через десктоп.
5. zdorovto.pro/lading_sustav Оффер: Артрейд — крем для суставов Тизерные сети: Marketgid, Kadam Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Популярные креативы в MyTarget: Среди креативов наиболее популярны:
ГЕО: Страны СНГ, в основном Россия и Украина Оффер довольно известный, просматривается через десктоп и мобайл.
6. vipinsales.ru/longines Оффер: Часы Longines Master Collection Тизерные сети: Marketgid, Recreativ, Redtram, Kadam, Trafmag, Tovarro, Actionteaser, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Оффер известный, на данный момент снова набирает популярность в тизерных сетях, просматривается через десктоп и мобайл. ГЕО: Страны СНГ, в основном Россия и Украина
7. c.psorosil.ru/99/v3 Оффер: Псорисил — средство от псориаза Тизерные сети: Directadvert, Advertlink, Oblivochki Самые популярные тизеры, ведущие на этот лучший лендинг тематики: В креативах использованы подходы:
Свежий оффер, набирающий популярность в тизерных сетях, просматривается через десктоп и мобайл. ГЕО: страны СНГ, открыта Европа
8. recardio-kz.info Оффер: ReCardio — капсулы от гипертонии Тизерные сети: Directadvert, Marketgid, Kadam, Advertlink, Oblivochki, Mediavenus Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Больше всего заходят картинки с известным кардио-хирургом Бокерией народными средствами и медийными личностями. Оффер старый и популярный, уверенно держится в тизерных сетях и сейчас набирает популярность. Просматривается в мобайл и десктоп. ГЕО: страны СНГ, сейчас в основном Казахстан
9. a.bio-filler.ru
Оффер: Низкомолекулярная сыворотка BIOfiller для омоложения Тизерные сети: Bodyclick, Directadvert, Kadam, Advertlink, Novostimira, Oblivochki, Mediavenus, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики: Оффер новый, активно продвигается в тизерных сетях. Использован подход от всевозможных народных средств, приемы ДО и ПОСЛЕ, реклама звезд, просматривается в десктоп и мобайл. ГЕО: страны СНГ, на данный момент Киргизия
10. sale-health-official.ru Оффер: POTENCIALEX — Капсулы для повышения потенции Тизерные сети: Bodyclick, Marketgid, Kadam, Advertlink, Actionteaser, Mediavenus, Mixadvert Самые популярные тизеры, ведущие на этот лучший лендинг тематики:
В креативах использованы подходы:
Оффер свежий, набирает популярность в тизерных сетях, просматривается в десктоп и мобайл. ГЕО: страны СНГ, в основном Россия и Украина
Итог: В ТОПе появилось новые, профитные ленды, многие из них только набирают популярность, на многих открыта Европа. Также всегда через сервис AdvanceTS, можно посмотреть ПП и выплаты по ним. Выбирайте профитные связки и начинайте лить. Удачи Вам!
blog.advancets.org Самые лучшие хостинги для лендинга: обзор и сравнениеВы подбираете подходящий хостинг для лендинга и не знаете на каком остановиться? Вас смущает богатый выбор различных фирм, названий и обилие технических терминов? В этой статье я собрал 5 самых лучших хостингов одностраничников и сравнил основные технические характеристики, чтобы облегчить выбор начинающим. Кроме того, я расскажу на что обращать внимание при выборе провайдера, стоит ли брать бесплатные хостинги и чем хороши конструкторы landing page. Самые лучшие хостинги для лендинга на 2018 годЯ выбрал 5 популярных хостинг-провайдеров, которые пользуются хорошей репутацией и славятся своей надежностью. Beget — лучший хостинг для лендинг пейджКомпания «Бегет» специализируется на предоставлении телекоммуникационных услуг по размещению веб-сайтов клиентов на собственных серверах. Тарифная сетка на виртуальный хостинг представлена несколькими вариантами, которые различаются между собой по количеству доступного пространства на жестком диске, количеству подключаемых сайтов. Тарифы отличаются гибкостью. Так, если для работы проекта вам перестанет хватать каких-либо ресурсов, вы всегда сможете докупить их без необходимости перехода на новый тарифный план. Для серьезных проектов компания предлагает услуги по аренде выделенного сервера и несколько тарифных планов в линейке «ВИП». Интерфейс панели управления интуитивно понятен, поэтому с ним будет несложно разобраться и начинающим пользователям. Среди конкурентов хостинг Бегет выделяется квалифицированной службой поддержки. Кроме того, на сайте есть специальный справочный раздел со статьями, в которых имеется очень полезная информация для владельцев сайтов. Бонусы и специальные предложения: при оплате тарифа на год клиенту предлагается месяц аренды хостинга в подарок и возможность бесплатно зарегистрировать доменное имя, тестовый пробный период в течение 30 дней. Достоинства
Недостатки
Timeweb — качественный и надежныйКомпания была основана в 2006 году, с каждым готом клиентская база продолжает стремительно увеличиваться. Среди клиентских проектов есть и небольшие сайты-визитки, и крупные корпоративные сайты. Команда хостинга стремится предоставлять пользователям надежные и качественные услуги. В тарифной сетке представлено несколько вариантов, которые отличаются между собой по объемам свободного пространства на жестком диске и количеству поддерживаемых доменов. Для удобства пользователей работает с сервис Jabber, с помощью которого можно организовать обмен текстовыми сообщениями между определенной группой лиц. Сервера компании работают на современных процессорах, вся информация размещается на жестких дисках нового поколения. Сайты грузятся быстро, простои если и случаются, то в крайних случаях из-за технических аварий. Панель управления имеет понятный и приятный интерфейс. Вы сможете в максимально сжатые сроки освоиться с административными задачами. Бонусы и специальные предложения: при оплате тарифа на год предоставляется бесплатная регистрация домена, три месяца бесплатной аренды хостинга в случае переноса сайта, переход остатка на балансе от другого хостера. Достоинства
Недостатки
Sprinthost – простой и удобныйКомпания предоставляет услуги по аренде хостингов с 2005 года. Хостер постоянно развивается и внедряет инновационный опыт в сфере технологий в предоставляемые услуги. Клиентам на выбор доступно три тарифных плана, которые между собой различаются по объемам свободного места на жестком диске и количеству подключаемых сайтов. Оплата услуг на год вперед позволяет получить значительную скидку. Главный недостаток предлагаемых тарифных планов – отсутствие гибких условий. Если при активном развитии сайта вам перестанет хватать ресурсов, придется менять тарифный план на более дорогой. Все сервера компании работают на базе платформы Supermicro, за счет чего отличаются высокой производительностью. Все телекоммуникационное и серверное оборудование расположено в Санкт-Петербурге. Современное оборудование также гарантирует доступность сайтов из любой точки России и высокую скорость загрузки. Связь со службой поддержки сайта осуществляется:
Бонусы и специальные предложения: домен в подарок при оплате услуг на год, 3 месяца бесплатной аренды хостинга при смене хостера. Достоинства
Недостатки
Reg — серьезный и функциональныйРег.ру – крупнейшая телекоммуникационная компания в России, которая является регистратором доменов и предоставляет клиентам услуги по аренде хостинга. Деятельность Рег.ру построена на обеспечении безопасности клиентов. Используются SSL-сертификаты для создания защищенного соединения, работает защита от ДДоС-атак, подключены инструменты для защиты сайтов от спама и вирусов в режиме реального времени. Компания предлагает клиентам на выбор сразу три панели управления и шесть базовых тарифных плана. Тарифы между собой отличаются по объемам свободного места на жестком диске и количеству подключаемых сайтов. Техническую поддержку можно получить в виде онлайн-чата и по контактным номерам. Бонусы и специальные предложения: бесплатный перенос сайта от другого хостера, дополнительные бонусы в зависимости от выбранного тарифного плана. Достоинства
Недостатки
Макхост — хорошее решение для landing page с большой посещаемостьюКомпания начала предоставлять свои услуги в 2005 году, за годы существования на рынке успела перерасти в крупнейшего хостера с более чем 1000 серверами и 50000 активных клиентов. Компания постоянно расширяет список предоставляемых услуг, совершенствует качество своих серверов и планирует в ближайшем будущем выйти на мировой рынок. Клиентам доступно на выбор три тарифных плана. Между собой они различаются объемом предоставляемого дискового пространства, количеством подключаемых сайтов и баз данных. Для самых требовательных клиентов доступен тариф «Конструктор», который позволяет самостоятельно подобрать оптимальные условия для запуска проекта. Управление услугами осуществляется с помощью собственной панели управления. Интерфейс простой и понятный для понимания даже для начинающих веб-мастеров. Поддержка клиентов осуществляется через систему тикетов и онлайн-чат. На сайте также размещены типовые вопросы с готовыми ответами. Бонусы и специальные предложения: бесплатный перенос сайта, бесплатный месяц хостинга при смене хостера. Достоинства
Недостатки
Как правильно выбрать хостинг для одностраничникаТак как одностраничный сайт потребляет минимальное количество ресурсов, для его подключения подойдет любой хостинг с базовым тарифом. При выборе надежной компании обращайте внимание на следующие пункты:
Подробнее про правильный выбор хостинг-провайдера я уже рассказывал в статье: какой хостинг выбрать для своего сайта. Если вам нужен очень простой одностраничный сайт, рассчитанный на небольшую посещаемость (10-15 человек в день), то вы можете выбрать и бесплатный хостинг. Для более сложных проектов с большой посещаемостью бесплатные тарифы использовать не рекомендуется. Сайт на бесплатном хостинге, как правило, загружается медленней. А это обязательно скажется на позициях в поисковых системах и цене клика в контекстной рекламе. Таким образом, сэкономив на хостинге, вы получите проблемы и дополнительные расходы при продвижении. Если у вас нет никакого опыта в создании сайтов, то вам следует обратить внимание на конструкторы лендингов. В чем их преимущества?
Подводя итоги всему вышесказанному, можно сказать, что выбор надежного хостинга для сайта – один из важных факторов дальнейшего положительного развития вашего ресурса. Рейтинг лучших хостингов для одностраничного сайта (лендинга) was last modified: Март 11th, 2018 by admin www.bestseoblog.ru
|