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

Пустое пространство в дизайне лендингов: Jira, Apple и Dropbox

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

Лендинг Jira: упорядоченность + иллюстрация

Jira — программа для учёта работы команды. С её помощью оптимизируют постановку и распределение задач и отслеживают их выполнение. Лендинг тоже отлично оптимизирован: минимум текста, иллюстрация, призыв к действию концентрируют на себе внимание посетителя.
лучшие лендинги

Здесь много белого пространства — взгляд концентрируется на иллюстрации и небольшом тексте.

Что круто:
  • лаконичность и упорядоченность информации;
  • управление вниманием;
  • текста мало, его легко читать и понимать;
  • иллюстрации и скриншоты показывают сам продукт — уже на лендинге посетитель формирует мнение о нём.

Посадочная страница Macbook Air: ничего лишнего

Лендинг Macbook отражает невесомость продукта. Одна удачная фотография притягивает внимание и задаёт «настроение» страницы.
продающий лендинг Apple

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

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

Лендинг Dropbox: подойдёт каждому

У лендинга всего пять экранов, и каждый посвящён одному преимуществу и выгоде этого облачного хранилища.
лендинг dropbox

Один из экранов говорит о пользе хранилища для совместной работы.

Что круто:
  • нет лишних CTA-кнопок, призыв зарегистрироваться закреплён в меню и всегда остаётся наверху;
  • ритмичность блоков: картинка, заголовок, текст;
  • смена цветов при перелистывании — новое впечатление с каждой прокруткой.

Больше внимания клиентам: лендинги Uber, Tumblr, Slack

Уникальное торговое предложение — сердце бизнеса. Лучшие лендинги отражают эту уникальность: Uber показывает, что делегирует ответственность, а Tumblr использует пользовательский контент.

Водители Uber рулят

Сразу скажем: рассматриваем лендинг для водителей, а не пассажиров. Бывают решения из разряда «прямо у вас под носом», они бюджетны, но в то же время элегантны. Они могут раскрывать отношения с клиентами с неожиданной стороны и навсегда поменять их. Поэтому здесь Uber.
лендингу

Uber понимает потребность клиентов-водителей в удобном графике.

Что круто:
  • краткий текст УТП. Делегируя своим же целевым клиентам решение своих болей, Uber выстраивает особый тип отношений с водителями. Предоставляет им полную свободу в важных вещах. Например, график и выплаты отдаются на усмотрение самих водителей;
кнопка CTA в конструкторе

Длинный текст кнопки не всегда проигрывает: «Стать водителем-партнером» это больше, чем просто безликое «зарегистрироваться».

  • текст CTA-кнопки содержит понятный призыв: «Стать водителем-партнером»;
  • на фото реальные люди. В них водителям легко узнать себя;
  • минимум слов — максимум информации.

Tumblr делает трафик на пользователях, и это их фишка

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

Tumblr размещает на главном экране лендинга пользовательский контент.

Что круто:
  • сервис известен визуальным контентом, поэтому акцент на изображениях;
  • используют изображения, созданные пользователями;
  • короткая форма регистрации не требует больших усилий для заполнения.

Slack: как авторские иллюстрации создают визуальную историю бренда

Создание иллюстраций — искусство объяснять сложное и оживлять скучное в тексте любого формата. Этот визуальный тренд существует еще со времен первых печатных книг со сказками и познавательных энциклопедий для младшего школьного возраста. Но он также отлично вписывается во взрослый мир для адаптации пользователя к новым продуктам в IT.
зарубежные лендинги

Slack обыгрывает крылатое выражение «место, где происходит магия»: Slack — это место, где происходит работа».

Что круто:
  • половина экрана отдана иллюстрациям: так интереснее и легче изучать информацию;
  • минимализм блоков и элементов;
  • ритмичность блоков: справа картинка, слева текст;
  • меню и кнопка «Начать» всегда наверху, пока пользователь листает лендинг.
В 2018 году наиболее удачными решениями стал минимализм в оформлении сайтов, уникальные брендированные иллюстрации и огромное внимания к клиентам. Ваш LPTREND ✌️