Примеры использования пастельных тонов на посадочных страницах и сайтах

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

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

Возможно, это дань моде или редкое использование так называемой «пастели» связано с тем, что ее не так-топросто реализовать на высоком уровне. Ведь есть опасность получения слишком мягкого, блеклого ощущения. Нужны определенные навыки, чтобы получить правильный баланс между оттенками и цветами. Кроме того, дизайн можно, а в некоторых случаях даже нужно разбавлять яркими цветами. Например, для привлечения внимания к центральному CTA-элементустраницы (лид-формеи т. п.).

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

• 85% покупателей делают свой выбор на основе цвета!

Пастельные тона как фон

Пастельные фоны при правильном использовании позволяют оживить посадочную страницу просто одним цветом, не перегружая дизайн всевозможными элементами. Они также помогают создать нужную атмосферу на коммерческом сайте, как это делают Vancleef and Arpels с помощью бледно-розовыхоттенков или кафе Evoke, используя успокаивающую голубую гамму. Есть еще один момент, о котором следует сказать — на пастельном фоне фотографии смотрятся выразительнее, чем на ярком.

1. Dearmum.org

Dear Mum — этот лендинг позволяет поздравлять матерей с их днем необычным способом. Указав несколько личных параметров и загрузив мамину фотографию, за пару минут можно создать минисайт-поздравление. Этот трогательный и оригинальный подарок уже оценили тысячи матерей во всем мире.

2. Vancleefarpels.com

Van Cleef & Arpels — французский бренд часов, ювелирных изделий и парфюмерии. Компания была основана в 1896 году и с тех пор прославилась ювелирными украшениями причудливых форм. В разные времена их носили Элизабет Тейлор, Грейс Келли, герцогиня Виндзорская.

3. Cafeevoke.com

Evoke — просторная кофейня в штате Оклахома (США). Джейсон и Дженин Дункан, создатели Evoke, говорят о своем заведении так: «Это прекрасное место для напитков, еды и беседы». И добавляют: «В любом случае вы получите вкусный кофе, великолепного бариста и счастливые воспоминания».

Пастельные шрифты

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

4. Petit-mariage-entre-amis.fr

Petit Mariage Entre Amis — французская платформа, позволяющая создавать будущим молодоженам функциональный и привлекательный по дизайну свадебный блог. Блог расскажет вашим друзьям о тематике свадьбы, сроках, возможных изменениях в плане празднования. Представленный функционал помогает в подготовке ко свадьбе. Судя по отзывам, сайт действительно удобный и полезный.

5. Futureofcarsharing.com

Future Of Car Sharing — этот параллакс-лендингс горизонтальным скроллингом позволяет жителям Северной Америки обмениваться автомобилями на определенный срок. Став членом клуба, американский житель получает доступ к огромному парку автомобилей разных брендов.

6. mariecatribs.com

Ливанка по происхождению Мария Карибс, в семидесятых годах переехала в США, чтобы осуществить свою американскую мечту. Любовь к людям и кухне, которая всегда были в крови у этой жизнерадостной сильной женщины, помогла ей воплотить свои планы в жизнь. Сейчас у Марии ресторан в штате Мичиган с одноименным названием.

«Не теряйте фокус — просто продолжайте делать, — говорит Мари. — Не имеет значения, сколько вам лет. Если вы можете дышать и двигаться — вы сможете сделать то, что задумали.»

Разнообразное меню — вот что в первую очередь привлекает в ресторане. Хотите сочный ростбиф или говядину в ленинградском стиле? Отправляйтесь в Мичиган.

• Психология текста: шрифт, цвет, форматирование

Пастельные логотипы

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

7. Raphspatisserie.com

Raphs Patisserie — именная закусочная Ральфа Севериано Рибейро. От одного взгляда на фотографии тортов, брауни, конфет, выставленных на сайте, текут слюнки. Все они невероятно красиво оформлены.

8. Isadoradesign.com

Isadora Design — студия веб-дизайнав Калифорнии. Работая с клиентами по таким направлениям как брендинг, электронная коммерция, целевые страницы, специалистам студии удается создавать очень персонализированные и качественные ресурсы. Этому во многом способствует девиз команды — максимум творчества и инноваций.

9. Sweez.com.br

Sweez — кафе в стиле пятидесятых. Находится в Бразилии, штате Риу-Гранди-ду-Сул. Включает в себя кондитерскую, магазин шоколада и непосредственно кафе. Успех заведения, по словам основателей Карина Бидез и Габриель Далсото, обеспечивается сочетанием передового международного опыта с бразильскими традициями.

• Как цвет влияет на покупательскую активность?

Пастель и плоский дизайн

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

10. Alexandra-kuban-webdesign.de

Александра Кубань — программист и веб-дизайнериз Берлина. Она создает современные сайты и лендинги о моде.

11. Postable.com

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

12. Coordinate.org.au

Coordinate — организация, созданная для перевода Библии и канонических текстов, с целью понимания этих текстов всеми народностями, населяющими Австралию.

Пастель и винтажный дизайн (vintage design)

Пастель и винтажные элементы очень близки по восприятию. Пастельные рисунки и бледные цвета воспринимаются не иначе как винтаж. Приведенные ниже примеры используют пастельные оттенки для создания эффекта старины. Можно использовать минимум деталей, как, например, магазин сумок Satchels или задействовать множество винтажных элементов для полного погружения в старину, как это делает бельгийский фотограф Эви Германс.

13. Kinderfotografie-evihermans.be

Эви Германс, фотограф из Бельгии, отдает предпочтение работе с детьми. Она говорит: «У меня комок в горле, когда я смотрю на детские ручки и наблюдаю за их шаткой походкой». Надо ли говорить, что такая любовь к детям позволяет ей создавать фотографии, которые приводят в восторг родителей маленьких клиентов.

14. Satchelsuk.co.uk

Satchels — известный британский бренд сумок. В онлайн-магазинепредставлены сумки на все случаи жизни: от классического портфеля до оригинального рюкзака. В Satchels умеют создавать модные и качественные вещи.

Пастель и скевоморфный дизайн (skeumorphic design)

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

15. Melonfree.com

Melon Interactive Ideas — веб-студияв Парагвае с широким спектром услуг: создание сайтов, интерактивных форм, мобильных приложений, посадочных страниц.

16. Jacquico.com

Компания The Production Kitchen специализируется на изготовлении тортов и кексов по индивидуальному заказу. С 2009 году в этой уютной сингапурской кондитерской каждый день пекутся десятки аппетитных тортов на любой вкус и кошелек.

17. Aggregift.com

Aggregift — это сервис, который позволяет использовать Facebook для формирования подарочного фонда на день рождения общего друга. Подарки нужно выбирать на Amazon. После окончания сбора денег, получатель может заказать доставку подарка или обменять его на сертификат Amazon.

Высоких вам конверсий!

По материалам blog.usabilla, image source Uiethma