Новые тенденции веб-дизайна и вдохновение на 2022 год

w1.png
Тенденции веб-дизайна приходят и уходят. Благодаря потрясениям в 2020 году веб-дизайнеры увидят, что некоторые общие тенденции отходят на второй план в отношении более безопасного выбора дизайна.

В 2021 году у нас был чертовски выдающийся год. Компании были вынуждены искать новые и творческие пути. Потребителям пришлось приспосабливаться. В результате Интернет тоже должен был измениться. 

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

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

Если вы разрабатываете сайт для нового клиента или хотите изменить сайт существующего клиента, чтобы соответствовать тенденциям дизайна после 2020 года, продолжайте читать:

1. Используйте более удобные цветовые палитры.

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

Но несмотря на всю драму, панику и страх, которые доминировали в 2020 году, мы увидим, как бренды уменьшат использование цвета в 2021 году. 

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

Bellroy , например, — это компания, которая продает товары для переноски — такие вещи, как кошельки, сумки и чехлы для телефонов, которые обеспечивают безопасность и порядок вещей людей: 

Хотя некоторые из ее продуктов имеют яркие цвета, белое пространство и фото-фон, используемые на веб-сайте, склоняются к более нейтральной и естественной цветовой палитре. 

BeSpa преднастроенным сайт является еще одним хорошим примером успокаивающие цвета , все сделано правильно: 

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

2. Безупречное сочетание физических и цифровых изображений.

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

В прошлом веб-дизайнеры в основном создавали веб-сайты с фотографиями или иллюстрациями. 

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

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

Вот пример этого в действии от модельера Констанс Берк : 

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

Вы также можете подумать о смешивании физического и цифрового, подобно тому, как это делает предварительно созданный сайт BeSki : 

BeSki сочетает физическое и цифровое

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

Это не просто белый фон. Верх секции напоминает вершину сугроба. 

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

3. Сделайте покупки более эффективными.

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

Это особенно важно, поскольку потребители начинают настороженно относиться к тому времени, которое они проводят в Интернете. Хотя им все равно придется покупать вещи в Интернете, они будут искать бренды, которые помогут им входить и выходить из их интернет-магазинов в разумные сроки.

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

У Walgreens , например, есть дизайн страницы продукта, который хорошо подойдет для электронной коммерции в 2021 году: 

Вся необходимая информация о продукте, специальных предложениях и способах получения / доставки доступна в верхней части страницы. 

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

Готовый сайт BePestControl использует аналогичный подход к дизайну электронной коммерции: 

Как видите, основные аргументы в пользу продажи (например, название продукта, цена и описание) краткие и понятные. Для всех, кому нужна дополнительная информация, описание и другие характеристики легко доступны под кнопкой «Добавить в корзину».

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

4. Добавьте больше контролируемого пользователем видеоконтента.

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

Благодаря тому, что люди проводят больше времени на видеоплатформах, таких как Zoom, для общения с друзьями, семьей и коллегами, это среда, с которой им сейчас комфортно. 

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

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

Обратите внимание, как белая кнопка «Играть» выделяется среди всего этого цвета. Узнаваемый значок позволяет людям узнать, что возможность посмотреть отзыв доступна, если им интересно.

BeOptics — это предварительно созданный сайт, который также тонко добавляет видео в микс: 

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

5. Проводите больше времени, демонстрируя создателей доверия.

Доверие всегда было важным вопросом для бизнеса. Но поскольку в наши дни все больше людей предпочитают делать покупки в Интернете, а не лично, построители доверия не подлежат обсуждению в веб-дизайне. 

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

  • Визуализация данных (например, диаграммы, статистические выноски, счетчики)
  • Логотипы клиентов, партнеров или СМИ
  • Отзывы клиентов или отзывы клиентов
  • Тематические исследования
  • Портфолио
  • Защитные пломбы (например, Better Business Bureau (BBB), TRUSTe, PayPal Checkout)
  • Доказательство общественного блага

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

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

В нем также есть место, где демонстрируются авторитетные публикации, в которых фигурирует Omaze (что придает организации легитимность):

И он использует визуализацию данных и отзывы некоммерческих организаций, чтобы обеспечить дополнительную прозрачность того, что происходит за кулисами: 

Даже если вы разрабатываете сайт для гораздо меньшей организации (или даже для себя), есть впечатляющие средства построения доверия, которые вы можете предложить посетителям. 

BePortfolio , например, является отличным примером того, как вы могли бы сделать это для своего собственного сайта-портфолио (или для сайта других творческих людей): 

BePortfolio предлагает множество полезных функций

На домашней странице было выделено много места для доверенных лиц: 

  • Количество довольных клиентов
  • Отзывы
  • Тематические исследования
  • Образцы портфолио
  • Логотипы клиентов

Люди хотят чувствовать себя в безопасности в Интернете, и предоставление им более чем достаточно причин доверять вашему бренду будет иметь большое значение для этого.

Вы уже начали использовать эти новые тенденции веб-дизайна?

Такие вещи, как минимализм и смелая типографика заголовков, никогда не выйдут из моды. Но есть и другие тенденции последних лет, которые потребуют замены к 2021 году. 

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

small_c_popup.png

Заявка на создание сайта

Заполните заявку и мы вам перезвоним в течении 15 минут