Vsv-fin.ru

Финансовая грамотность
0 просмотров
Рейтинг статьи
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 внедрил в посадочную страницу конструктор товара. Посетитель может собрать свою гитару прямо на лендинге. Сделано с помощью самописного программного кода. Сложная работа, но результат очень хорош.

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

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

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

9 интересных лендингов, найденных на просторах Рунета

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

Avocado

Зачем люди заходят на сайты доставки продуктов? Чтобы начать готовить. Именно с таким призывом к действию обращается сайт Avocado к своим посетителям. Фишка проекта в том, что они доставляют не просто продукты по списку, а ингредиенты для конкретных блюд. Так что на посадочной вы найдете еще и каталог рецептов. И чтобы не перегружать страницу, обязательную информацию о доставке и оплате вынесли на отдельные страницы, которые легко найти по специальным кнопкам.

Gettable.com

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


LinguaLeo

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

Mazda-Автомир

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

Читать еще:  Создание лендинг пейдж

Skyeng

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

Бэби-клуб

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

Партия еды

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

Тинькофф Страхование

Как и все, что делает команда «Тинькофф», их посадочная для покупки автостраховки проста и удобна до неприличия. Уже на первой прокрутке пользователя встречает ненавязчивая, но все же заметная кнопка CTA. А дальше дублируется информация для тех, кто решил по этой кнопке не кликать.

Церебро

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

Ясделие

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

Как всегда, ваши примеры ждем в комментариях.

Что лучше, сайт или лендинг?

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

Приведите, пожалуйста, пример хорошего лендинга на российском рынке?

Не знаю, к сожалению, какая у вас ниша. Если уточните, соберу референсы по вашей теме.

Недавно для коллеги делала подборку лендингов для маркетинговых услуг. Объяснила их фишки в небольшом видео https://vk.com/video-74196528_456239030

А вот ссылочки на разобранные ленды:

Family link manager как отключить?

Как. это нереально. родители скачали Фэмили линк. выйти из него не возможно. всё пробовала. дуратское приложение,на всё по ограничению. это приложение делает ребёнка до 13 лет как без телефона. даже Ютюб смотреть нельзя. даже удаление аккаунта не помогает это хрень полная,у кого получится это удалить пожалуйста помогите—я больше не могу мучаться.

Сколько можно заработать за один лендинг?

Если отвечать коротко, от 10 000 до 200 000 рублей. Средняя стоимость лендинга 50 000 рублей, но есть варианты. Разбег цен связан с тем, кто заказывает сайт, какие цели преследует, сколько времени займёт разработка и насколько она технически сложна.

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

Рассмотрим классический вариант это дизайн сайта с последующей версткой, стоимость такого проекта начинается от 20 000. И если есть опыт работы с кодом, то и личная выгода больше, иначе делим пополам: 50% дизайн макет, 50% верста в коде. В этом случае уже не будет ограничений и клиент получит от сайта бОльшую выгоду в будущем. К примеру, подключить дополнительные плагины или заказать у программистов внедрение необходимых примочек, вроде калькулятора кредита и тд.

Дальше стоимость работ рассчитывается исходя из задачи и требований. Чем больше этапов работы требуется, чем сложнее воплощение задумок, тем выше оплата. И если по срокам и опыту работы один человек выполнит обязанности, за которые отвечает project-manager, интернет-маркетолог, копирайтер, UI/UX дизайнер, front-end специалист, рекламщик, то может получить те заветные 200 000 рублей за лендинг.

Конечно для такого уровня работ требуется большой навык и именно за него заказчик готов платить, так как цена в 200 000 за проект это скорее уровень студии, где проведут A/B тестирование, анализ конкурентов и рассчитают все возможные риски.

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