10 примеров лендингов необычных стартапов. Примеры успешных лендингов

10 примеров лендингов необычных стартапов

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

1. Freewrite. Пиши не отвлекаясь

Умная пишущая машинка для современных писателей.

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

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

5 обязательных «фишек» эффективного лендинга для стартапа

2. Motorino Mk.II. Виниловая любовная история

Переносной виниловый проигрыватель со встроенной акустикой, USB и mp3-конвертером.

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

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

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

3. Wove. Гибкая электроника

Браслет с гибким сенсорным дисплеем.

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

Какие цвета лучше всего подойдут вашей посадочной странице?

4. Ara. Телефон-конструктор

Мобильный телефон со сменными модулями.

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

5. Tinitell. Родительский контроль по-шведски

Детский телефон-браслет.

Красочный и дружелюбный лендинг с популярным flat-дизайном в пастельных тонах, цвета которого ассоциируются с детскими мелками. СТА-кнопки на первых и последних разворотах улыбаются вам при наведении курсора, а презентационное видео озвучено ребенком. Разработчики сайта хорошо поработали на целевую аудиторию, замечательно передали простыми средствами удобство пользования продуктом и разместили достаточное количество призывов к действию для мотивации к предзаказу.

Как начать бизнес: 4 кейса лендингов для стартапов

6. Angee. Домашний страж с душой

Автоматизированная домашняя система безопасности.

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

Левый верхний угол сразу обращает внимание на то, что первая партия «Энжи» уже распродана. Для большей убедительности, об успешности проекта сообщают мощные социальные триггеры, вынесенные в низ экрана первого разворота. На видеоролике под заголовками записан профессиональный актер, а целевая кнопка предлагает занять место в очереди на новую партию продукта. Хороший маркетинговый ход.

7. Iblazr 2. Больше, чем вспышка

Второе поколение популярной фотовспышки.

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

Позволяет в 2 клика сфотографировать кота под кроватью;

демонстрирует точную настройку цветовой температуры;
показывает разницу в качестве получаемых селфи;
рассказывает о возможности наращивания мощностей;
хвастается работой с профессиональными камерами;
выступает в роли настольной USB-лампы.

Нужно признать: выглядит все это красиво и эффектно.

Интерактивности добавили и социальным триггерам в конце страницы. Также в каждом блоке есть кнопка с призывом к действию. Более форсированные продажи чередуются с нейтральными информационными формулировками.

12 примеров интерактивных товарных посадочных страниц

8. Tiptonic. Новый взгляд на медиаторы

Напечатанные на 3d-принтере насадки на ногти для музыкантов.

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

Целевая СТА-кнопка вынесена в плавающее меню на шапке сайта, сразу после якорных. На странице ближе к концу видно 3 разные формы захвата.

9. La Marzocco. Передайте своему боссу

8 причин, почему каждому офису нужна эспрессо-машина.

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

На первом развороте — ничего, кроме заголовков. Зато на последнем, «по случайному стечению обстоятельств», есть кнопка сайта La Marzocco, где можно заказать целую кофе-программу для своего офиса!

39 примеров оригинального дизайна лендингов

Партийная карточная игра для ужасных людей.

Последний лендинг принадлежит нашумевшему проекту, который резко выделился идеей на фоне других. Откровенно говоря, юмор этого лендинга балансирует на грани с китчем, а сам сайт можно назвать очень провокационным. На лендинг пейдж продвигается продукт, переступивший рамки приличия и этим снискавший популярность у большого количества людей разного пола, возраста и социального статуса. Многие другие стартапы ссылаются на Cards Against Humanity и даже сотрудничают с ним (например, Brand Deck).

На первом развороте слева расположен информационный заголовок, справа — анимация, демонстрирующая принцип игры. Дополнительный заголовок и текст ниже передают основную информацию о продукте. Под ними расположены две СТА-кнопки, основная из которых выделена желтым цветом. На сайте есть кнопки для покупки дополнительных товаров в слайдере, а сразу за ним — простая открытая форма захвата для оформления подписки. Вместо FAQ здесь блок «Ваши тупые вопросы». Русский перевод игры можно скачать бесплатно вот тут.

Выводы

Каким бы ни был перспективным и инновационным ваш будущий проект — правила маркетинга никто не отменял. Самая гениальная идея не реализуется без планирования, знания рынка и целевой аудитории. Успешными становятся лишь те, кто сумел себя правильно подать и хорошо продать. А это, как правило, результат разумного подхода, упорного труда, надежной команды и грамотно сделанного сайта.

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

Высоких вам конверсий!

07-09-2016

lpgenerator.ru

8 примеров лендингов из сферы инфобизнеса

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

1. Официальный сайт Jens Lehmann

Прекрасный лендинг пейдж с современным минималистичным дизайном для бывшего футболиста, ставшего спикером. Прекрасно реализована идея показать 5 разных аспектов 20-летней профессиональной деятельности заказчика для различных аудиторий на одной целевой странице. Йенс Леманн показан в роли:

Тренера
Спортивного комментатора
Профессионального голкипера
Посла
Спикера

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

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

Лендинг мастерски показывает Йенса Леманна настоящей культовой персоной, у которой так и хочется взять автограф.

2. Корпоративный консалтинг Keegan & Donato

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

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

Читайте также: Как фотография основателя компании влияет на степень доверия пользователей?

3. THIS is диджитал консалтинг

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

Разработчики постарались улучшить визуальное восприятие каждой секции страницы различными мелкими визуальными деталями, что придало ей еще больше стиля и оригинальности. На последнем развороте небольшое видео на фоне офиса и 2 кнопки для обратной связи по email и телефону, но самое интересное здесь — это карта. Здесь она даже просчитывает время поездки и оптимальный маршрут прямиком к офису студии в Дюссельдорфе — очень мило :-)

4. VVS — швейцарская консалтинговая группа

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

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

Читайте также: Зачем маркетологу панорамное видео?

5. Инновационный дизайн Kaber Technologies

Превосходный современный лендинг пейдж для американской консалтинговой компании, которая помогает выводить инновационные изделия на рынок. Действительно мощный и стильный дизайн с параллакс эффектами. Лендинг отзывчивый, оптимизированный, адаптивный. Эффекты для видеофона на первом развороте задают сайту некую футуристическую атмосферу. Ссылка на контакты ведет к оригинальной форме захвата в стиле off-canvas, продублированную в конце страницы.

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

6. Скромный цифровой консалтинг Pepck

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

Минимум информации, максимум информативности. Прекрасный пример того, как рассказывать о сложном просто. Радует правильное позиционирование и грамотные призывы к действию в тексте.

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

Пятая кнопка якорная и служит для начала скроллинга, на протяжении которого предлагаемых целевых действий меньше не становится. Здесь можно зарегистрироваться на сайте, в Бизнес Академии, получить доступ к самым различным закрытым и условно бесплатным материалам, тренингам, к профилям членов команды, кейсам учеников. Радует большая красивая инфографика GM.

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

8. МЗС-программа Бизнес Молодости

Еще один длинный лендинг компании, которая стояла у истоков разработки landing page в русскоязычном сегменте Интернет. Сайт продвигает ВИП-программу БМ «Миллион за сто». Здесь очень много дополнительной информации, в том числе и в видеоформате. О новых тренингах и людях, что их проводят, рассказывается во всех подробностях. Используется несколько всплывающих окон для обратной связи.

Первый разворот имеет одну целевую кнопку, ведущую к большой открытой форме захвата, и вторую — в шапке сайта, для регистрации с поддержкой входа через профили соцсетей. Лендинг БМ для МЗС использует много современных маркетинговых «фишек» и решений инфобизнеса, умело закрывает возражения. Текст содержит большое количество конкретных и реальных цифр, а целевые кнопки — призывы к действию, что вместе с правильным позиционированием хорошо сказывается на итоговой конверсии.

Главные минусы этого одностраничника — неадаптивность и слабая оптимизация.

Читайте также: Landing Page и Бизнес Молодость: шаблоны, техники

Выводы

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

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

Команда LPgenerator с радостью разработает для вас уникальный дизайн лендинга, или же вы можете выбрать готовый макет из сферы инфобизнеса в нашем Магазине целевых страниц.

Высоких вам конверсий!

07-12-2016

lpgenerator.ru

Как сделать хороший лендинг

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

Ключевые элементы классического лендинга:

Цепляющий заголовок
Призыв к действию (Call to Action или сокращенно – CTA)
Описание товара и его преимуществ
Отзывы счастливых покупателей
Гарантии продавцов

Рассказываем, как заставить эти элементы работать.

Одна страница – одна цель

Attention ratio — это соотношение между количеством гиперссылок на странице и целями страницы. У хорошего лендинга attention ratio составляет 1:1.

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

Компания Unbounce, специализирующаяся на создании «продающих страниц», провела сплит-тестирование и выяснила: сокращение количества гиперссылок на посадочной с 10 до 1-й увеличивает CTR на 31%.

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

Напротив, если вы предлагаете конкретное решение проблемы, вы помогаете своим потенциальным клиентам принять это решение.

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

Покажите товар

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

Компания Mall.cz провела сплит-тестирование двух посадочных страниц. Лендинг с более крупными изображениями товара увеличивает продажи на 9,46%.

Версия 2 увеличила конверсию на 9,46%

Видео также может улучшить конверсию. При этом известный онлайн-маркетолог Нил Патель советует ограничить длительность ролика максимум 5-ю минутами – на большее пользователя все равно не хватит.

Завоюйте доверие пользователей

По данным Dimensional Research, 90% потребителей решают купить товар после прочтения отзывов в интернете.

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

Британская компания Express Watches включила в посадочную отзывы “счастливых покупателей”. Конверсия продаж на лендинге увеличилась на 58,29%.

Другой пример — ContentVerve. Перед компанией стояла задача побудить посетителей скачать бесплатную книгу. Они протестировали два варианта лендинга.

Изначальный вариант страницы выглядел так:

Так выглядел лендинг после изменений:

Два из четырех отзывов поднялись на «первый экран». Это почти косметическое изменение привело к увеличению количества скачиваний на 64,53%.

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

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

Контрольная страница выглядела так:

Эта же часть страница, после изменений:

Единственное, что они сделали: справа от изображения продукта плашку с обещанием лучшей цены заменили на сине-черную с текстом «Авторизованный дилер Seiko».

В результате компания получила фантастический рост конверсии.

Call to action

Элемент лендинга, к которому можно применить правило «чем больше – тем лучше» – кнопка с призывом к действию (CTA). Она должна выделяться на странице и содержать ясный и понятный посетителю призыв.

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

Автор курса по созданию лендингов Оли Гарднер из Unbounce разбирает ошибку с кнопкой CTA на примере сайта по доставке цветов.

Рекламное объявление сайта в Adwords:

При этом лендинг выглядит так:

Оли Гарднер обращает внимание на «три магических слова», которые можно обнаружить в рекламном объявлении компании: «next», «day», «delivery» («доставка на следующий день»). При этом на лендинге этих слов нет. Вместо них, мы видим «Flowers, Plants and Gifts» («Цветы, растения и подарки»).

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

Вот как должен выглядеть правильный лендинг этой компании:

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

Еще один пример от Оли Гарднера – редизайн посадочной по продаже курса об искусстве лендинга.

Изначально страница выглядела так:

После редизайна:

Что изменилось:

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

В результате этих изменений конверсия страницы увеличилась на 77%.

blog.relap.ru