На вебинаре об ошибках на посадочных страницах, прошедшем 30.10.2014 , меня попросили привести примеры идеальных лендингов. Я отшутился в том ключе, что мол нет пределов совершенству, но понял, что народ жаждет новых образцов для подражания, в дополнение к тем, что я уже приводил или .
Разумеется, я вижу некоторые ошибки на этих посадочных страницах. Особенно я Но, мне нравится работа дизайнеров, поэтому я делюсь этими примерами с тобой. Ну, а ошибки ты сможешь найти и сам, если посмотрел запись вышеупомянутого вебинара 🙂
Напоминаю, что картинки кликабельны – они ссылаются на полные скриншоты лендингов. Объем которых не слишком дружелюбный для мобильной связи – до 5Мб.
Пример лендинга: обувь Timberland.
Очень нравится фокус дизайнера на “главном герое” лендинга. А так же третий экран, на котором уделено внимание ключевым особенностям товара. К серьёзным недочётам, кроме тех, о которых говорил на вебинаре, отнесу объединение на одной странице обуви, предназначенной для разных сезонов.
Пример лендинга: детские электромобили
Ура! Есть видео с автомобилем в действии. Не ура – на видео маленькие корейцы. Но продаём-то не им 🙂
Что гораздо серьёзнее, гарантированное зависание для пап: чем белая машина отличается от чёрной. И стоят ли эти отличия 3200 рублей. Остальные недочёты подчеркнёт следующий лендинг.
Пример лендинга: радиоуправляемые модели
Мы с вами уже обсуждали, что такое landing page, чем они хороши и на какие базовые принципы опираются. Но несмотря на то, что существует ряд правил и приёмов, которые обеспечат успешность вашего сайта, неправильно думать, что разработка лендинга – это шаблонная работа, а хорошо работающую страницу можно сделать за 5 минут, только знай себе картинки подставляй и тексты меняй. Конечно, это творческий процесс, и фантазия, подкрепленная пониманием поведения своей целевой аудитории, только поощряется. Ниже мы представим десятку примеров небанальных лендингов, а также страниц, обеспечивающих высокую конверсию.
1. Nest Thermostat
Очень интересно оформленный ленд, посвященный продаже комнатного термостата. Несмотря на наличие всякого рода технических данных и описания удобного функционала, лендинг сосредоточен на визуальной составляющей – несколько фотографий интерьера, а также гениальная по задумке и исполнению анимация в середине страницы вызывают ощущения, что после покупки этого девайса, у тебя в доме станет не хуже, чем на картинках в интернете. Таким образом, ленд продает не термостат, а уют в доме, что и является конечной потребностью клиента.
2. Boy-Coy
Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com
3. Водка «Валенки»
Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com
4. Интернет-магазин плюшевых медведей
По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com
5. Smart Progress
Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do
Примеры продающих лендингов с высокой конверсией
1. Производство и монтаж деревянных окон
Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/
2. Страхование КАСКО
Еще один лендинг с высокой конверсией. Принцип превращения посетителя в лида здесь используется аналогичный предыдущему примеру – калькулятор. Предлагаем оценить, сколько параметров возможно внести для подбора полиса, и насколько неутомительно это сделано. То же самое можно сказать и про остальное наполнение ленда – предельно просто и понятно, при этом описаны вообще все преимущества, которые хочет получить автовладелец, страхуя свою машину.
http://простокаско.рф
3. Франшиза развлекательных аквариумов-автоматов
Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru
4. Ремонт ноутбуков
Хороший пример лендинга, где относительно большое количество текста (в том числе и занимаемая им площадь на главном экране) не создает для посетителя никаких трудностей, а наоборот смотрится органично, и удачно расписывает все преимущества ремонтной организации. Услуги по ремонту ноутбуков являются срочными, поэтому не стоит потенциальным клиентам выдавать информации сверх меры: достаточно нескольких блоков, но проработанных максимально красиво и информативно, что вызывает доверие.
Существует категория товаров, к которой относятся новые продукты с оригинальными, инновационными характеристиками. Если у производителя нет шоу-рума, где он может показать свой товар, а только интернет-магазин, то продемонстрировать его уникальные особенности вне физического мира, в виртуальном, достаточно затруднительно.
Чтобы продать такой товар, необходимо донести информацию о сложном продукте в простой, понятной форме, сохранив при этом интерес посетителя в течении всего процесса демонстрации.
В этом обзоре мы приведем примеры продающих лендингов, которые в одно мгновение телепортируют посетителя со страницы с информацией о продукте в корзину. Осторожно! Спрячьте платежную карту на время чтения! Есть риск импульсных покупок.
B&O Play
Беспроводные наушники со встроенной тач-панелью - довольно футуристический девайс, мечта любого гика! Если представить хипстера образца 2050 года, то он будет в наушниках от B&O, Google Glass и верхом на робо-собаке от Boston Dynamics.
Чтобы продемонстрировать функционал потенциальному покупателю, на странице о продукте представлены фрагменты видео, в которых показан основной принцип управления: слайд вверх - увеличить громкость, слайд влево - следующий трек и т.д. Все просто и понятно.
Brickfielder
Эта компания выпускает одежду для игры в гольф. Но ничего общего с классической поло-рубашкой для дедушек продукция Brickfielder не имеет. Нам представили инновационный продукт и в интерактивной форме рассказали о его уникальных свойствах, которые скрыты в сложных технологиях производства. Здесь вы найдете множество интерактивных примеров прокрутки и способов перелистывания. Такой подход полностью раскрывает тему и ликвидирует потребительские сомнения. Вы уже видите себя на поле для гольфа в поло от Brickfielder?
Converse
Кастомизируйте! Создайте свои собственные кеды! Бренд “Converse” не только подхватил тренд к индивидуализации, но и грамотно его реализовал на своем сайте. Лендинг действительно фантастический, прост в использовании и позволяет настроить каждый элемент обуви. Посмотрите на наше чудовище: кастомные зеленые кеды с красными шнурками и фиолетовым язычком - после продолжительного зрительного контакта есть риск потери сознания, эпилептического припадка, расстройства желудка и выпадения волос.
Quechua
Даже если вы не хотите идти в поход, то инструмент "мой второй дом", который позволяет построить свой свой собственный лагерь из различных составляющих, быстро убедит вас в обратном. Мы уже придумали, как будет выглядеть наш палаточный городок, в случае зомби-апокалипсиса.
Bjorn Borg
Бренд, который выпускает светоотражающую одежду и аксессуары для уличных спортсменов, использовал очень простую идею - при прокрутке сайта вниз, вы видите, как выглядит продукция при дневном освещении и ночью. Иногда, не стоит перегружать креативом свой лендинг, если эффективное решение лежит на поверхности.
Ikea
“A Good Day Starts Here” - интерактивное видео, которое презентует мебель и аксессуры для дома из каталога IKEA. Такой подход наглядно демонстрирует продукцию в условиях реальной жизни.
При нажатии на кнопку в нижней части экрана вы можете просмотреть подробную информацию о товаре - это отличный метод убеждения, особенно если в видео есть прямые ссылки на товар в интернет-магазине.
Bellroy
Пожалуй, это наш фаворит в этом обзоре. Лендинг Bellroy визуально демонстрирует продукт, создавая представление о том, как его "тонкий бумажник" поможет уменьшить занимаемое пространство в вашем кармане.
Geox
На физическом уровне товара - это просто куб, на котором можно сидеть. А вот на уровне эмоций, оказывается, товар от Sit on Everything приобретает совершенно иное восприятие. Загрузите 6-ть изображений для каждой из сторон этой геометрической фигуры, и ваша пятая точка будет приземляться каждый раз на новое изображение! Возможности для фантазии безграничны!