6 окт. 2021 г.3 мин.
Пост обновлен 22 июня 2023 г.
Собираясь создать сайт, мы часто представляем себе классическую структуру: главная страница, страница с контактами, страница «о себе» и так далее. Однако иногда достаточно создать красивый лендинг и поместить всю важную информацию на одной странице.
Мы собрали лучшие лендинги, примеры которых вдохновят вас на создание собственной посадочной страницы. Среди них — онлайн портфолио нутрициолога, сайт одностраничник для бутиковой киностудии и посадочная страница для фотографа. Все примеры landing page в этой статье используют тот или иной шаблон лендинга на Wix.
Сайт нутрициолога Кристины Шевченко — это хороший пример лендингов, которые сочетают в себе лаконичный дизайн и информативное наполнение. Анимированные стрелки позволяют легко ориентироваться на странице и моментально привлекают внимание к самой важной информации. Благодаря большому количеству «воздуха» страница не смотрится перегруженной даже несмотря на большое количество графических элементов.
Smart Diet также использует правильные округлые формы, которые вызывают ассоциации с балансом, гармонией и хорошим самочувствием. Кнопка «Создайте свой боди-профиль» выступает в роли призыва к действию и помогает превратить посетителей в потенциальных покупателей.
Еще один пример лендинга, который собрал всю важную информацию буквально на двух экранах. Портфолио фотографа Пьен Гирлинг встречает посетителя коллажем из лучших работ, который мгновенно притягивает внимание и заставляет задержаться на странице подольше.
С помощью Wix Pro Gallery Пьен создала несколько тематических фотоальбомов в стиле инстаграм ленты и разбила их на категории: интерьер, лайфстайл и продуктовая съемка. Таким образом посетитель может познакомиться с разными гранями таланта фотографа без необходимости переходить на другие страницы.
Меню на сайте предельно лаконично — оно представляет в себе три точки в правой части экрана. Нажав на них, пользователь переходит на разные смысловые блоки лендинга: обложка, работы и раздел с контактами.
Обратите внимание на пастельные тона лендинга. Такая палитра выбрана неслучайно — светлые поля служат в качестве своеобразной рамки для фотографий в портфолио, выделяя их на фоне других графических элементов.
Лучшие лендинги используют в дизайне не только фото, но и видео. Например, бутиковая киностудия Robot Genius поместила на обложку короткий ролик, который с первой же секунды демонстрирует ее возможности.
Обратите внимание на необычное визуальное решение: студия сочетает строгий, футуристичный дизайн в стиле high tech компаний и забавные рукописные картинки-дудлы. Это придает лендингу свежий облик и помогает читателю сформировать эмоциональную связь с работами Robot Genius.
Из других интересных деталей можем отметить удобную галерею видеоработ студии и эффект параллакса, который придает лендингу еще больше динамики.
Красивые лендинги помогают привлечь не только покупателей, но и потенциальных работодателей. Поэтому они популярны у фрилансеров: копирайтеров, дизайнеров, фотографов и актеров.
Хороший пример сайта одностраничника для фрилансера — лендинг актера Лиора Раза. Он поместил на обложку кадры из экшн-видео со своим участием — хороший трюк, который помог сделать страницу более динамичной. Даже выбор шрифтов здесь не случаен: дерзкие и крупные, они помогают Лиору дополнить образ «крепкого орешка».
Актер не забыл и об удобной навигации. Кликнув на иконку-гамбургер в правом верхнем углу сайта, вы увидите раскрывающееся меню, которое перебросит вас на нужный раздел лендинга.
Кажется, что платформе на основе искусственного интеллекта нужен огромный сайт — но пример лендинга PlotAi показывает, что можно обойтись и одной страницей.
Контент лендинга разбит на несколько частей: вступление с формой контактов, подробное описание продукта и кнопка с призывом к действию «запросить демо». Таким образом посетитель проходит через воронку продаж, превращаясь из случайного читателя в пользователя и потенциального покупателя.
Обратите внимание, как компания использует лого в заголовке каждого раздела, видоизменяя его под контент абзаца. Это придает посадочной странице более профессиональный облик и повышает узнаваемость бренда. И еще одна яркая деталь — живой чат на основе Wix Chat, где можно задать любые вопросы в режиме реального времени.
Этот прототип лендинга чествует коренную культуру австралийской народности Бунджалунг — и поэтому использует в палитре характерные земляные, серые и темно-красные цвета, а также релевантные изображения и визуальные элементы. Отдельный раздел отведен под видео с прошлогодней культурной ярмарки, чтобы ярче продемонстрировать миссию организации.
Ассиметричное меню (вертикальные элементы по бокам и «плавающие» иконки социальных сетей в углу) придают лендингу еще более экстравагантный и запоминающийся облик.
Готовы запустить свою посадочную страницу? Почитайте статью о том, как создать лендинг за час.
Сергей Букринский
контент менеджер Wix