Vsv-fin.ru

Финансовая грамотность
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Самый лучший лендинг

25 примеров крутого оформления лендинга

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

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

Сегмент авиакомпаний

«Однажды далёкой-далёкой галактике. » Мечтали покорить космические дали? S7 предлагает осуществить мечту, добавляя некую свою изюминку. Запоминающийся лендинг, в котором красиво оформленная космическая тематика подана с толикой юмора — и все на одной странице. Советуем ознакомиться — не пожалеете!

Сегмент E-commerce

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

Что тут еще добавить — хорошее фото всегда «решает»:

Уникальная графика выделяет сайт на фоне конкурентов. Продукт ярко и сочно выглядит на черном фоне — сразу хочется отведать экзотических фруктов. Заголовок — простой и понятный — ничего лишнего.

Несомненный плюс — проиллюстрирован процесс заказа:

Как можно обойтись без котиков в интернете? Эта страница выделяется не только дизайном, но и классным текстом, который бьёт точно в ЦА. Копирайтер постарался: текст органичный и без перебора с «ми-ми-ми» — словом, браво! Хозяева домашних хищников, думаем, оценили подачу.

Сегмент электронной техники

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

Ещё один А-бренд в мире электроники не отстает от яблочной компании: выпускает качественные устройства и классно их представляет. Страница простая и понятная.

7. «Топ за свои деньги!» — https://www.mi.com/ru/

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

Сфера услуг

Как показать продукт со всех сторон, если не в видео. Ролик хорошо играет на эмоциях покупателя. В этом случае очень хорошо отражена основная идея товара — быстрота, динамика, веселье. Тому, кто посмотрит, тоже захочется прокатиться с ветерком.

Юзабилити страницы — отличное: сразу после просмотра ролика вам предлагают скачать приложение в AppStore и Play Market.

Минимум текста — только основная информация. Несомненный плюс — формат F.A.Q., пользователь сразу видит ответы на все вопросы:

Финансовые продукты и страхование

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

Понятная визуализация тарифов:

Строительный сегмент

Так сложилось, что строительные компании не экономят на хороших digital-проектах. Красивая js-анимация, калькуляторы, дизайн проекты — всё привлекает клиента и удерживает на странице.

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

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

Офлайн-услуги

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

Меню в верхней части закреплено и сопровождает вас при скролле.

В блоках оптимальное количество текста, красивая графика — словом, лаконичное оформление очень к месту.

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

Скидочное предложение и меню расчета стоимость преследуют вас все время: на первом, втором и даже третьем экранах.

Ну купите: цена сразу со скидкой.

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

Фотооборудование

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

Чёткая картинка со вкусом. Смотришь — и не можешь оторваться, сайт классный по всем параметрам.

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

Читать еще:  Готовые лендинги бесплатно скачать

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

Связь

Чем проще — тем лучше. Здесь это правило отработало на все сто. «Лёгкий» дизайн, информация подана ненавязчиво — словом, смотреть приятно и интересно.

Понятный блок с дополнительными опциями — разберется любой:

18. «Поздравляем, Вы нашли ещё одну рекламу YOTA» — https://www.yota.ru/#promo

Эта компания славится своим необычным подходом во всем. Небанально поданная информация — всего один экран с 4 ссылками, классический голубой баннер. Одним словом — минимализм. Смело и неординарно, это и цепляет.

HR-сфера

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

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

Модно, молодежно, хайпово

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

Иронии — хоть отбавляй, хватит еще на несколько текстов. Хоть страница и специфическая, не показать ее публике — грех.

Главная идея: мемы, больше мемов. Каждая «картинка с надписью» круто обыграна, хочется смотреть ещё и ещё.

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

Сладости на десерт

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

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

Как сделать крутой лендинг: 13 небанальных идей

Время чтения: 6 минут Нет времени читать? Нет времени?

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

Текстовые и визуальные лайфхаки

Обращайтесь напрямую к клиенту

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

Обыграйте название продукта или услуги в тексте лендинга

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

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

Внедряйте символику и отсылки

Лендинг – это «лицо» товара или услуги в интернете. Ассоциации с устойчивыми и всем знакомыми символами (историческими, социокультурными и т. д.) сделают это лицо узнаваемым. Ева Кац использовала в продвижении школы личного продюсирования эстетику советских транспарантов: большие белые буквы на красном фоне, печатный шрифт.

Чувственная подача инфы на грани фола

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

Подайте информацию в формате квеста

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

Поиграйте со шрифтами

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

Читать еще:  Лендинг детских товаров

Придумайте креативный футер

Весь лендинг «Котофабрики» пестрит креативом, но их футер просто огонь. Ребята беззлобно простебались над стереотипными блоками о гарантиях (в самом деле, кто читает те мелкие тексты?) и сделали убедительное предложение.

Задействуйте юмор

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

Технические лайфхаки

Анимация при скролле

Создатели лендинга-презентации iPhone X использовали технологию Canvas, позволяющую рисовать прямо на странице. Готовых плагинов под нее нет, вся эта красота реализуется через JavaScript.

Видео во всплывающем окне

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

Интегрированные в лендинг инвойсы

Веб-сервис управленческого учета «Финолог» предлагает удобный и лаконичный счет на оплату, с заполнением которого разберется любой. Сделать подобное можно любым хорошим плагином для создания форм: Contact Form 7, JS Forms или через онлайн-сервис JBCallme.

Прелоадер (анимация при загрузке лендинга)

Яркий пример такого решения – посадочная страница компании Piratecode. Анимация при загрузке реализуется через JavaScript или через плагин Preloader.

Визуальный конструктор товара в лендинге

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

Итак, что в итоге:

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

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

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

Время чтения: 6 минут Нет времени читать? Нет времени?

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

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

Повысьте ценность вашего уникального торгового предложения

Представьте, что вы заходите в любимый магазин за новой футболкой. Милая девушка на кассе говорит вам: «Цена за эту футболку, как обычно, 1000 рублей. Но сегодня для вас специальное предложение: покупая две футболки сразу, на вторую вы получаете скидку 50%. Вы по-прежнему хотите купить только одну футболку?». Шанс, что вы выберете пару футболок, увеличился.

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

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

Доработайте дизайн вашей целевой страницы

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

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

Читать еще:  Лендинг сайт визитка

Убедите клиентов в эффективности вашего товара или услуги

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

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

Работайте на доверие

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

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

Используйте онлайн-чат

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

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

Рецепта целевой страницы со 100% конверсией не существует, но есть успешные методики его создания. Важно последовательно выполнять определенные действия, измерить статистику, проанализировать ее и протестировать на основе предыдущих шагов несколько новых целевых страниц – вот как делаются высококонверсионные лендинг пейдж. Приемы, описанные в тексте, гарантированно принесут результаты, ведь они основываются на психологии восприятия клиентов вашего предложения, текста и лендинга.

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

Автор: Кирилл Хорькин, контент-маркетолог LPgenerator

Не ограничивайте себя во время самоизоляции!

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

1 184 записи

Привет друзья .
У меня созрел следующий вопрос.

— Как вы относитесь к подобным «бизнесмьэенам»? Стоит ли вообще делать подобные предложения в 2020 году?

Подборка документальных фильмов про рекламу

Всем привет! Мы в Madwins любим смотреть кино. Особенно хорошие документальные фильмы о рекламе. Подготовили подборку для вас.

Сохраните себе на стену, чтобы не потерялось! Показать полностью…

Величайший фильм из всех когда-либо проданных
The Greatest Movie Ever Sold
2011

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

Столетие личности (мини-сериал)
The Century of the Self
2002

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

Дети-потребители: Коммерциализация детства
Consuming Kids: The Commercialization of Childhood
2008

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

Изображение и текст
Art & Copy
2009

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

Ссылка на основную публикацию
Adblock
detector