Лендинг с “Вау” эффектом: 13 свежих идей

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

Для характеристики лучше употребить определение “незаезженный”. Комбинирование нескольких идей в одном лендинге позволит придать вашей работаем уникальность среди прочих конкурентов.

Текстовые и зрительные хитрости

Обращение непосредственно к потребителю

Мы говорим не о стандартной фразе “Добрый день, мы компания Х и предоставляем услуги со времен царя Гороха”. Это заезжено до безобразия и не воспринимается даже зрительно. А вот предприимчивый молодой человек из Солнечногорска Московской области придумал оригинальный оффер и разместил данные для связи в начале лендинга. Долой шаблонные и непонятные словосочетания! Специалист разговаривает с посетителем как сделал бы это в жизни.

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

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

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

Включайте обозначения и ссылки к чему-то конкретному

Лендинг — лицо продукции или услуги во всемирной паутине. Ассоциативный ряд, благодаря узнаваемым символам, выстраивает в подсознании потребителя необходимый эффект — узнаваемость лица. Основательница центра личного продюсирования Ева Кац для своей рекламной кампании выбрала веяния советских пропагандистских плакатов: красный фон с белыми печатными буквами.

Проникновенная подача информации на грани нормы

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

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

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

Продумайте шрифты

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

Создайте креативный “подвал”страницы

Практически весь лендинг “Котофабрики” яркий и нестандартный, а спустившись ниже на футер, понимаешь, что это еще лучше. Ребята решили очень тонко затроллить стандартную информационную часть о гарантийных обязательствах (правда, неужели кто-то пытается прочесть все эти тексты маленькими буквами?) и выдали веское предложение.

Примените юмор

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

Технические советы

Мультипликационные изображения при движении представленной информации

Разработчики презентационного ресурса нового поколения Х от Apple применили инновацию Canvas, благодаря ей можно создавать рисунки непосредственно на веб-страницах. Готовых подключаемых модулей для нее нет, поэтому представляется это чудо через JavaScript.

Мультимедия в интерактивном окне

Видеофайлы без автоматического воспроизведения редко гармонично входят в презентабельный внешний вид первых страниц. Из-за этого разработчики лендинга для сервиса Evernote завуалировали видео в картинки. Осуществляют схожее с помощью разнообразных ключей для разработки модальных окон, куда уже и помещается ролик. К ним относятся LightBox, Easy Modal.

Соединенные в лендинг инвойсы

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

Мультипликация при добавлении лендинга

Лучше всего прелоадер демонстрирует посадочная страница компании Piratecode. Мультипликация при добавлении воплощается через JavaScript или с помощью плагина Preloader.

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

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

Подводя итог, имеем:

• Решайтесь на эксперименты. Лендинг — не критически важное предприятие, которое можно исправить в любой момент. Тестируйте разные варианты с помощью А\Б -тестирования.
• Ищите идеи у конкурентов. Вдохновляться не значит заниматься откровенным плагиатом. Основа любой концепции поддается дополнениям и улучшениям.
• Проведите ознакомительную работу с вариантами плагинов. Смело применяйте их в работу.