СОЗДАЙ СВОЙ LANDING PAGE ПРЯМО СЕЙЧАС! ВЕСЬ ФУНКЦИОНАЛ БЕЗ ОГРАНИЧЕНИЙ - ПРОСТО ЗАРЕГИСТРИРУЙСЯ!
Бесплатно создать

Минимализм снова в моде. Дизайн лендингов


24 июля 2015 г.
Комментариев не добавлено

минимализм в дизайне лендинга

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

Дизайнеры теперь не добавляют, а убирают элементы, чтобы добиться простоты.

Давайте посмотрим, что же из этого получается на реальных примерах.


Нужно сразу отметить, что приведенные ниже страницы - это лендинги компаний, предлагающих достаточно сложные продукты. Но страницы имеют вполне простой вид.

Давайте послушаем советы бывалых web-дизайнеров по минимализации страниц:

1. У современных лендингов только одна цель, задача, которая воплощается при помощи одного СТА элемента.

2. Нет сложной навигации.

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

4. Каждый элемент лендинга тщательно подобран и отобран.
 

Пример 1 - дизайн лендинга от Dropbox

 

Это яркое подтверждение всему вышесказанному: минимум всего, максимум пространства.

дизайн лендинга

Только одна цель конверсии, только одна кнопка. Хотя есть и другие кнопки: «Загрузить», «Войти», но расположены они так, что не отвлекают внимание от основной цели конверсии.

Все остальные элементы лендинга не отвлекают от основного действия:

- на странице даже нет названия сервиса (в принципе, он уже и так достаточно узнаваем);
- иллюстрация показывает схему работы сервиса и подводит к основному элементу;
- простой слоган.
 

Пример 2 - дизайн лендинга от Mailbox
 

дизайн landing page

Данное приложение создано для облегчения использования почтового сервиса в мобильном телефоне.

СТА кнопка - самый заметный элемент на лендинг пейдж.

Хороший подход - размещение видео ролика (на изображении мобильного телефона), который показывает приложение в деле.
 

Пример 3 - дизайн лендинга от Karma
 

дизайн лендинг пейдж

Достойный пример минимализма в дизайне. Вторичная кнопка «Узнать больше» не отвлекает от основного СТА элемента «Купить». Есть краткое описание над кнопками, раскрывающее смысл предложения.

Правильно подобранное изображение подчеркивает смысл предложения лендинга.

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

Не получается создать дизайн самостоятельно? Шаблоны лендингов ждут Вас. 


Ждите продолжения wink


 

Вернуться назад