Сегодня будет рассмотрена, возможно, одна из наиболее актуальных сфер бизнеса в условиях кризиса — кредитование. Коротко говоря, лендинг по кредитам способен принести немалый доход соответствующим организациям. Итак, разберем два кейса из Рунета и шаблон LP Store.
Лендинги Рунета
Видимо, это связано со спецификой ниши, но большинство нормальных целевых страниц, найденных нами, были очень короткими. Что объяснимо — действительно, много слов здесь не нужно. Как правило, аудитория приходит на такие лендинги, уже будучи жестко замотивированной. Людям требуется лишь минимум необходимой информации — например, об условиях, ставках и т. д.
Но довольно предисловий — рассмотрим первый landing page для кредитов.
Здесь всего два окна прокрутки. Первое — огромная лид-форма, выполненная в стиле заявки на кредит. Конечно, по заполнению формы человек не получит деньги автоматически, с ним сперва свяжется менеджер или кредитный специалист, уточнит и проверит всю информацию, после чего последует еще ряд формальностей — но факт остается фактом, форма стилизована под кредитную заявку, и это хорошо смотрится. Также интригует неплохой призыв к действию: «Получить деньги».
Второе окно целиком посвящено обоснованию ценности оффера. Сперва идут отзывы клиентов — единственная беда в том, что фото не внушают доверия. Ниже посетители видят блок с другим социальным доказательством — числом одобренных займов. А завершается лендинг повторным СТА.
Как итог: хороший лендинг, с минимумом элементов, которых вполне достаточно. Идем дальше — следующий пример только чуть длиннее предыдущего, да и то незначительно.
На скриншоте ниже представлена шапка данной целевой страницы. Сразу наверху указано, сколько одобренных кредитов выдано благодаря услугам этой компании. Далее — по шагам расписан процесс от заполнения заявки до получения денег любым удобным способом. Данный элемент придется весьма кстати для целевой аудитории подобных компаний.
Далее сразу идет блок со сложной лид-формой. Стратегия та же — стилизация под кредитную заявку. Даже призыв к действию один в один как на прошлом примере.
Слева идут пункты обоснования оффера.
Социальные доказательства продолжаются на последнем окне страницы — в данном случае это отзывы клиентов и список партнерских кредитных организаций.
Как итог: лендинг очень похож на первый пример, но отличается чуть более симпатичным оформлением.
- Шаблоны по бизнес-нишам: call-центр
Шаблоны LP Store
Рассмотрим пример из нашего Магазина продающих лендингов. Первое окно представленного кейса сразу доносит суть оффера через заголовок, подзаголовок и говорящее фоновое изображение.
Ниже линии сгиба идет лаконичная лид-форма с красноречивым призывом к действию. Под кнопкой СТА идет социальное доказательство — счетчик с числом одобренных кредитов на данную секунду.
Далее этот landing кредитов обосновывает ценность оффера через 6 пунктов.
И как «контрольный выстрел» касаемо формирования доверия пользователей, страница завершается отзывами клиентов.
Если вас заинтересовал данный шаблон, приобрести его можно здесь.
Высоких вам конверсий!
30-10-2015
Источник
Платформа: script
Код: 64268
Срок выполнения: Есть в наличии
400₽
Дополнительные услуги
Установка на Ваш хостинг
Правка контактов и email
Создание логотипа
1 — Вы выбираете интересующий Вас сайт, шаблон или модуль и добавляете его в корзину.
2 — В корзине заполняете Имя и E-mail (телефон и город по желанию), далее выбираете способ оплаты и нажимаете на галочку «Я прочитал Условия оформления заказа и согласен с условиями» далее на кнопку подтверждения заказа.
3 — После подтверждения заказа Вы автоматически перейдете на выбранный способ оплаты. Далее Вам останется только оплатить заказ по средствам вашей банковской карты.
4 — После того, как мы увидим поступления денег, в течении 24 часов скидываем архив с вашим заказом на указанный вами email.
Если Вам нужна помощь по установке, то Вам необходимо предоставить нам логин и пароль от вашего хостинга и указать имя домена на который будет проводится установка. Услуга платная, стоимость — 500 руб.
Если у Вас остались вопросы, посетите раздел — FAQ
Оплатить заказ в нашем интернет-магазине возможно 3 способами:
- Банковская карта (Visa, MasterCard и МИР)
- Яндекс Деньги (оплата производится из вашего кошелька ЯД)
- Сбербанк Онлайн
При выборе первого варианта оплаты (банковская карта) Вы будете перенаправлены на платежный шлюз банка для ввода реквизитов Вашей карты. Пожалуйста, приготовьте Вашу пластиковую карту заранее. Соединение с платежным шлюзом и передача информации осуществляется в защищенном режиме с использованием протокола шифрования SSL.
Если у Вас нет хостинга и домена, мы подскажем где арендовать не дорого
Проверить свободен ли домен, можно перейдя по ссылке: проверить домен
Хостинг и домен приобретаются исключительно на данные Покупателя, который становится единственным и полноправным владельцем. Мы не требуем от Вас персональные данные для регистрации, а поможем самостоятельно пройти регистрацию, это займет не больше 5 минут!
Скрипт по выдаче быстрых займов через партнёрки
Отличный скрипт под кредитные офферы СРА.
Вам нужно только заменить партнерские ссылки и при необходимости добавить код статистики.
Также можно добавить код онлайн консультанта.
Особенности:
- Отличный дизайн
- Адаптированы под мобильные устройства
- Работает без базы данных
- Легко редактируется в любом редакторе. Например Notepad++
- Лёгкий код html+css+js.
Что вы получаете после покупки: Вы получите архив со скриптом для установки на Ваш хостинг. Установка простая, просто залейте архив в корень сайта.
ДЕМО САЙТА
Данный скрипт можно приобрести в 6 вариантах исполнения. Подробнее смотрите на сайте — sitestocks.ru
При покупки от 3 до 5 скриптов скидка 25%, при покупки сразу всех 6 скриптов скидка 50%
Если Вы хотите посмотреть на живое демо, пишите нам на почту support@yr-mag.ru
Источник
Друзья! Сегодня мы делаем обзор на 8 лендингов, посвященных финансовым сервисам и услугам. На западном рынке наблюдается особенно жесткая конкуренция среди мобильных приложений для организации и управления денежными потоками. Посмотрим, как владельцы одностраничников в этой нише борются за место под солнцем и ваши деньги.
1. Harpoonapp: учет для фриланса
Простой и отзывчивый лендинг финансового мобильного приложения для фрилансеров.
Очень хорошая реализация уже классического для Запада лендинга для мобильных приложений. Сразу бросается в глаза приятная плавная анимация появления первого экрана с полным «джентльменский набором» элементов: лого с дескриптором, понятные заголовок и подзаголовок, контрастная целевая кнопка, якорные ссылки и видео презентация.
В чем сильные стороны такой страницы:
- хорошая адаптивность и оптимизация;
- простой и чистый макет;
- наглядные видео и скриншоты интерфейса приложения;
- целевая кнопка хорошо заметна и присутствует на каждом развороте;
- продукт дают попробовать бесплатно;
- понятные призывы к действию;
- грамотный выбор триггеров, ничего лишнего;
- стильный современный дизайн, ориентированный на мобильных пользователей.
2. Приложение invstr по подсчету финансов
Лендинг, глядя на который понимаешь: «Вот каким должен быть современный веб-дизайн!»
Поистине впечатляющий, восхитительный пример работы с параллакс, анимацией и контентом. Страница начинается с очень быстрой анимированной загрузки и встречает посетителя встроенным полноэкранным видео с отличным треком, которое по желанию можно пропустить. Первый разворот радует забавной и оригинальной сменой заголовка с «Make Change!» на «Take Charge!». Две плавающие целевые кнопки позволяют скачать приложение.
Прокрутка продуманная, неописуемо эффектная и красивая. Буквально каждый элемент на странице появляется со своей анимацией, качественной, не шаблонной. Различные мелкие визуальные детали пляшут, плывут, летят, сыпятся и выскакивают на экран, радуя взор своим разнообразием. При этом от них не рябит в глазах и смотрится все очень гармонично. Есть удобное навигационное меню и простой, ненавязчивый индикатор прокрутки, которую все вышеперечисленное превращает в незабываемый, захватывающий процесс. Достойно реализован трендовый эффект Drop Shadow. У лендинга прекрасные адаптивность и оптимизация.
Названы лучшие сайты и мобильные приложения по версии «Рейтинга Рунета-2015»
3. Costlocker: управление потоками для малых бизнесов
Лендинг приложения для слежения за доходностью проектов в реальном времени.
Интересный представитель лендингов с плоским дизайном для мобильных приложений. Его особенность в подходе к содержанию блоков: каждый следующий — это брат-близнец предыдущего. Они одинаковы по структуре и фактически копируют друг друга.
На каждом блоке есть:
- Заголовок с призывом к действию и короткий текст об одном из ключевых преимуществ предлагаемого продукта.
- Отзыв с фото клиента, каждый из которых занимает видную должность в какой-либо известной компании. Все с ссылками на профиль в LinkedIn, и это очень здорово, так как сразу закрывает возможные сомнения в подлинности.
- Большой наглядный скриншот интерфейса приложения.
Прокрутку страницы сопровождает плавающая кнопка для обратной связи. В самом конце собраны логотипы компаний и кнопки соцсетей. В шапке сайта кроме кнопки для авторизации есть ссылки, которые уводят на другие страницы, что не есть хорошо.
4. Freightdepotaccounting: стартап по бухучету в Теннеси
Простой и стильный одностраничник по бухгалтерскому учету.
Освежающий, особенно на фоне скучных традиционных сайтов для бухгалтеров, одностраничник на WordPress в трендовом стиле flat для стартапа Freight Depot Accounting. Заказан был вместе с брендированием и помощью в продвижении, создан в кратчайшие сроки. Он стал идеальным решением для маленькой компании, учитывая типичный дефицит времени и денег у подавляющего большинства стартапов.
Сайт вышел лаконичным, понятным, приятным и дружелюбным. Ни один элемент не раздражает, целевая кнопка хорошо заметна и вместе с этим не навязчива. Много внимания и любви уделено членам команды, которая представлена исключительно прекрасным полом. Заканчивается страница большой открытой контактной формой.
5. Getpennies: на счету каждый пенни
Лендинг финансового мобильного приложения для Apple.
Еще один, чуть более длинный лендинг для мобильного приложения, который можно назвать классическим примером. Те же простота и лаконичность во главе угла вместе с хорошей адаптивностью, оптимизацией, чистым макетом с большим количеством свежих наглядных скриншотов интерфейса на различных устройствах.
Единственное, что огорчает — некоторая шаблонность в текстах и позиционировании. По словам самих американцев, их уже тошнит от одного только слова «amazing» под подобными продуктами, которых якобы не видывали раньше, но на деле же их — пруд пруди. Стремитесь быть оригинальней конкурентов!
6+7. Два лендинга для CPA-услуг от студии Eden Creative: Van Peursem и Erickson & Associates
(CPA: certified public accountant — сертифицированный общественный бухгалтер)
Первый лендинг запущен в феврале 2014, второй — в октябре того же года.
Оба сайта современные, эстетичные, адаптивные, функциональные и простые. У них схожая структура:
- Первый блок с названием компании, коротким презентационным текстом и целевой кнопкой. В шапке сайта — якорные навигационные ссылки.
- Блок с перечислением и описанием услуг компании.
- Блок, представляющий команду.
- Блок «О компании».
- Контакты и большая открытая лид-форма для обратной связи.
Есть, однако, некоторые различия:
- У Van Peursem первый блок короткий и занимает менее одного экрана, для Erickson & Associates же название компании вынесли на первый, а весь текст и кнопку разместили на втором развороте
- Блок с услугами на первом сайте оформлен гораздо более удобно и предусматривает сразу два способа для навигации по нем. На втором сайте перечень услуг выглядит не столь презентабельно.
- На первом сайте в блоке «О компании» размещены 4 триггера преимуществ. На втором подобных нет, зато сделан больший упор на богатую истории компании, есть фото и информация о владельце, а также подробная спутниковая карта.
- Наконец, открытая форма в конце для Erickson & Associates органично вписана в красивый фон и смотрится более стильно и оригинально за счет отсутствия рамок. От поля для ввода номера телефона здесь решили отказаться.
Лендинг для Erickson & Associates сделан позже и вышел более конверсионным — за год студия накопила опыт и пришла к более удачному дизайну и выбору содержимого. Тем не менее, оба сайта являются примером профессиональной работы с HTML5, CSS3 и jQuery.
8. Globalrichlis: ваш шанс почувствовать себя богаче
Напоследок — интересный информационный лендинг, созданный в целях благотворительности.
Хороший пример того, как привлечь и удержать внимание пользователя с помощью смарт-расчетов, анимации, инфографики на основе вводимых данных. Сайт умело подводит к целевому действию — пожертвованию. Здесь позволяют сравнить свой годовой доход или стоимость всего имущества со средней статистикой по всему населению Земли, чтобы больше не чувствовать себя нищебродом.
Сделан лендинг просто и качественно одновременно. Прокручивать его можно колесиком мыши или с помощью якорных ссылок внизу экрана. Есть возможность поделиться результатами своих расчетов в соцсетях — виральность еще никогда не сказывалась плохо на конверсии! Твердая пятерка за идею и реализацию.
470% за год, или Конверсия для мобильных устройств: кейс от goHenry
Выводы
Финансовые услуги требуют мощной рациональной аргументации. Нужно суметь показать, что продвигаемая вами компания надежная и предлагает наиболее прозрачные условия сотрудничества. Чтобы это доказать, используются блоки типа «цифры и факты», история компании, информация о команде, обращение основателя. Обязательно должны быть отзывы, хорошо работают различные калькуляторы, большое количество текста также не будет неуместным — целевая аудитория здесь не ленится читать и к принятию решений подходит взвешенно, а не импульсивно.
Если лендинг создается для мобильного приложения — адаптивный дизайн обязателен, так же как и наглядная демонстрация интерфейса.
Нужен уникальный дизайн лендинга? Тогда заполните форму заказа или используйте наш конструктор, чтобы создать посадочную страницу самостоятельно.
Высоких вам конверсий!
27-10-2016
Источник
Рассказывает
Георгий Шевченко
Главное — первый экран
Оказавшись на первом экране, человек принимает решение, изучать условия дальше или уйти. Так что на этом этапе нам надо его зацепить.
Конечно, окончательное решение клиента зависит от условий, на которых он может сделать сбережение: люди выбирают вклад по ставке и по надёжности, а не по лендингу. Но дизайном можно повлиять на то, будет ли посетитель вообще изучать наше предложение.
Что должно быть на первом экране
Вот из каких элементов состоит первый экран лендинга «Сберкома»:
1. Логотип компании.
2. Дескриптор, если непонятно, чем занимается компания.
3. Панель навигации в шапке, если лендинг длинный.
4. Телефон.
5. Время работы.
6. Заголовок и УТП.
7. Калькулятор.
8. Фоновая картинка.
9. Понятная обратная связь в интерфейсе.
10. Кнопка с призывом к действию — заявка или звонок.
Мы делим элементы на первом экране на две группы: информативные и конверсионные. Информативные объясняют, куда человек попал и что мы ему предлагаем. Конверсионные мотивируют оставить заявку: форма заявки, калькулятор, кнопки. Им мы уделяем основное внимание, потому что KPI лендинга — конверсии.
Разберем подробнее, как сделать так, чтобы конверсионные элементы конвертировали.
Заголовок объясняет, куда человек попал. Главное тут — чётко сформулировать посыл. В заголовке хорошо работает конкретика: тип услуги, условия, выгода, которую получит клиент. Например, хороший заголовок: «Сбережения в Москве до 22 %».
Завуалированные названия вроде «Делаем выгодным ваше будущее» работают хуже, потому что читателю непонятно, что это. Возможно, он искал «Вклады в Туле», а получил «выгодное будущее». Он, скорее всего, уйдёт с такого лендинга.
УТП нужны, чтобы сходу отстроиться от конкурентов и показать свои сильные стороны. Обычно их бывает сразу две-три штуки.
Один из вариантов — дать гарантии надёжности, но это выделит банк только на фоне недобросовестных конкурентов. Все добросовестные банки тоже покажут гарантии. Чтобы выделиться и среди них, нужно показать какое-то преимущество, которого нет больше ни у кого. Например, один из наших клиентов сделал такое предложение: «Если вы решите сделать вклад у нас, мы пришлем за вами такси, чтобы вы с большими деньгами не ходили по городу».
Наша задача как дизайнеров — грамотно оформить УТП на лендинге. Обычно они выглядят как иконка и текст рядом с ней. Пользователи привыкли к такому оформлению, поэтому УТП без иконки могут не заметить.
Все иконки с УТП должны быть на первом экране, чтобы посетитель мог сразу увидеть сильные стороны продукта. При этом важно не перегрузить первый экран информацией. Три УТП — это максимум.
Мы следим, чтобы текст и иконка хорошо считывались и не перебивали заголовок на разных экранах. Для этого размещаем их на чистом фоне.
Мы выбираем не больше трёх основных преимуществ, следим за длиной заголовка и убираем подзаголовки, чтобы не допустить визуальной каши
Калькулятор сразу показывает, сколько клиент заработает со своей суммы на условиях банка. Например, вложил 3 миллиона, получил 3,7 — это должно быть видно сразу. Клиенту нужна конкретика.
Дизайн калькулятора должен быть лаконичным и чистым, чтобы ничего не отвлекало.
Если клиенту сходу понятно, как пользоваться калькулятором, значит он хороший. В идеале нужно обратить внимание на эти детали:
- Поле ввода с обратной связью. Обратная связь даёт понять, что одно действие можно сделать по-разному, как кому удобней. Можно подвигать ползунок или ткнуть в поле и вводить цифры с клавиатуры.
- Понятная переключалка условий вклада. Она не выглядит как кнопка, работает интуитивно понятно и в ней ничего не заедает.
- Чистота. Всю техническую информацию, которая не важна для принятия решения, мы убираем с первого экрана в самый низ блока.
- Понятный итоговый расчет. Должно быть сразу понятно, когда и сколько денег заработается. Здесь тоже нужна обратная связь — пользователь что-то двигает на калькуляторе, расчет меняется сам.
Опираясь на эти принципы, мы обновили дизайн калькулятора для лендинга «Плюса Банка»:
Тест на взаимодействие с калькулятором показал, что конверсия из кликов в целевое действие выросла с 12 % до 16 %, цель 60 секунд — с 22 до 34 процентов.
Кнопка «Оставить заявку». Мы предлагаем человеку подтвердить свое желание стать клиентом или узнать больше о нашем продукте, поэтому предлагаем ему «Купить», «Скачать прайс» или «Заказать звонок оператора». Одно из целевых действий лендинга — чтобы посетитель нажал на кнопку.
В маркетинге есть базовая рекомендация: если вы продаете простой эмоциональный продукт — помещайте кнопку как можно выше. Если продукт сложный, объясните посетителю, зачем он нужен и как поможет, и только потом ставьте кнопку.
Сбережения — сложный продукт, поэтому в каждом отдельном случае мы смотрим на условия вклада, целевую аудиторию и задачи, а уже потом решаем, куда ставить кнопку.
Фоновая картинка. Наш опыт показывает, что от фоновой картинки многое зависит.
Эту теорию мы проверили, когда разрабатывали лендинг для Горсберкассы.
Сначала у клиента была обычная стоковая картинка с монетами, из которых растут деревья
Несмотря на то, что лендинг давал конверсии, мы решили поэкспериментировать с картинкой, потому что на наш взгляд она была не очень.
Мы решили заменить её на фотографию сотрудницы Горсберкассы на её рабочем месте. Как только мы это сделали, конверсия упала
Тогда мы попробовали третий вариант — нашли на стоке картинку с пожилыми людьми, потому что большой сегмент целевой аудитории Горсберкассы — пенсионеры. Результаты подскочили.
Эта картинка сработала лучше, чем деревья, и гораздо лучше, чем девушка за кассой
На основании этого теста мы сделали два вывода:
- Иногда стоковые фотографии работают лучше живых и настоящих.
- Клиенту важно идентифицировать себя с тем, что он сразу видит на сайте.
Как тестировать свои идеи
Так как мы уже наработали опыт на различных лендингах для финансовых продуктов, мы хорошо предсказываем, какие решения сработают в каждой конкретной задаче. Тем не менее, мы всё равно тестируем свои идеи, чтобы убедиться в их правильности. Мы должны быть уверены, что улучшим показатели клиента.
В идеальном мире надо тестировать значимые элементы по одному. Но в реальности у нас нет такого объема трафика, чтобы сделать много достоверных тестов. Поэтому мы меняем сразу несколько главных элементов в комплексе, тестируем и, если работает лучше, выкатываем новую версию.
Возьмём проект для cr911.ru, для которого мы делали редизайн первого экрана. Перед переделкой мы выдвинули гипотезу: если поднять калькулятор и форму заявки на первый экран лендинга, увеличится количество взаимодействий с калькулятором, а это увеличит конечную конверсию в коммуникацию. Чтобы проверить гипотезу, мы переместили калькулятор и форму заявки на первый экран. Теперь пользователь видел их сразу с любого устройства.
Первый экран до редизайна
После редизайна конверсии во взаимодействие с калькулятором выросли
Результаты теста:
- Когда калькулятор находится на первом экране, с ним взаимодействуют больше. Конверсия выросла с 16,2 % до 18,9 %.
- Коммуникация в заявки выросла с 0,32 % до 0,45 % на новой версии лендинга.
Вывод: если поднять калькулятор и форму заявки на первый экран, посетители будут делать больше расчётов и, следовательно, оставят больше заявок.
Мы тестируем свои решения, потому что верим цифрам, а не своему дизайнерскому вкусу.
Правила дизайна первого экрана, который конвертирует
С опытом мы набрали элементы, которые почти всегда нужны на первом экране, и поняли, как делать их правильно.
Источник