Витрина дизайна Divi: новые заявки с мая 2020 г.

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

Я надеюсь, они тебе нравятся!

Витрина дизайна Divi: новые заявки с мая 2020 г.

1. Свадьба агента Терезы Клизановей

Этот сайт был представлен Любомиром Мичухом. Этот сайт воспроизводит полноэкранное фоновое видео и включает аудиоплеер с музыкой, соответствующей видео. По умолчанию звук отключен, и его можно легко включить. На переднем плане также отображаются логотип, слоган и CTA в центре со стилизованным разделителем разделов, который ведет к разделу «О программе». Этот раздел включает несколько строк с текстом и аннотацию в два столбца в чередующемся макете. Рекламное объявление оформлено с перекрывающейся кнопкой. В отзывах показаны изображения со ссылкой на дополнительную информацию. В видеогалерее представлены ролики со свадеб. Часто задаваемые вопросы помещены в стилизованные переключатели. Мне нравится настраиваемый нижний колонтитул с фоновым изображением и стилизованными кнопками социальных сетей. На сайте также есть стильная ползунковая панель и кнопка возврата к началу страницы. Его элегантность идеально соответствует его теме.

Посетить сайт

2. Лаборатории Techint

Этот сайт был представлен Беном Шредером. Курсор мыши меняется на красный + при наведении курсора в любом месте экрана. Домашняя страница полноэкранная, с синим фоном и космическим шлемом в центре. На лицевой стороне шлема воспроизводится видео с облаками, движущимися над горами. Он включает в себя большой белый текст с призывом к действию слева и информацию о компании с кнопками социальных сетей справа. В заголовке отображается логотип и гамбургер-меню. Меню особенно интересно. Он отображает белый фон примерно на половине экрана. Ссылки - это отдельные слова, написанные очень крупным черным шрифтом. Они пронумерованы еще более крупными серыми шрифтами, которые становятся синими при наведении курсора. Некоторые страницы имеют одинаковую цветовую схему или имеют анимированный черный старый фон.

Посетить сайт

3. Маркетинг в фокусе внимания

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

Посетить сайт

4. Фестиваль дыхания

Этот сайт был представлен Радко Седлак. Он использует темную цветовую схему с красными и синими бликами. В разделе героев отображается черный фон с синей фигурой сбоку. Красная рука помещена в центр с призывом к действию над ней. Маленькие линии с истинным параллаксом создают визуальные закономерности по всему сайту. В следующем разделе отображается еще один призыв к действию с текстом с одной стороны и изображением с другой. Текст включает фон в форме синего цвета, а изображение - красное. Его черный фон начинает становиться синим, когда часть стилизованных изображений ссылается на сообщения Facebook. Он также включает в себя призыв к действию к покупке, стилизованную форму информационного бюллетеня с изображением в параллаксе и белые логотипы партнеров. В меню отображается значок гамбургера, который открывает меню в полноэкранном режиме.

Посетить сайт

5. Только разум

Этот сайт был представлен Четаном Гуптой. На этом сайте используются мягкие цвета, чтобы помочь информировать о теме и привлечь внимание идеальной аудитории. В разделе героев отображается белый фон с призывом к действию на одной стороне и изображением с другой стороны в стилизованной форме. Раздел с информацией о курсах отображается в двух столбцах, каждый из которых имеет свой цвет фона. Другой раздел информации отображает графику с такими же формами вырезов. В разделе с курсами курс отображается в виде карточки с тенью блока с одной стороны, информацией и кнопкой с другой стороны, а заголовок очень крупным шрифтом внизу. Каждый из курсов имеет разные цвета в чередующемся расположении. Размытые изображения предоставляют информацию с помощью стилизованных значков. Информация об инструкторе включает призывы к действию и стилизованное изображение. Форма регистрации во всю ширину включает фирменные цвета для элементов и графики.

Посетить сайт

6. Проверено и верно

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

Посетить сайт

7. Артиллерийские СМИ

Этот сайт был представлен Сискану Михаилом. Он использует большой текст с большим количеством черного и белого, которые компенсируются желтыми участками. В разделе героев отображается изображение во всю ширину с большим заголовком и слоганом. Каждый из остальных разделов помечен описанием и разделителем. Заявление о миссии отображается на светло-сером фоне, за которым следует информация на черном фоне. Сервисы показаны на карточках, которые включают изображения, которые увеличиваются при наведении курсора, и большие желтые кнопки, чтобы увидеть сервис в деталях. Логотипы клиентов представлены черным и серым цветом на желтом фоне. Далее следуют разделы с контактной формой, рабочим процессом и блогом - каждый с чередованием серого и черного фона. Карточки блога связывают черный и желтый цвета вместе с черными кнопками, которые меняют цвет на желтый при наведении курсора.

Посетить сайт

8. С нуля

Этот сайт был представлен Филиппом Стакенборгом. Он имеет много ярких желтых, зеленых, пурпурных цветов в качестве фирменных цветов по всему сайту. Заголовок отображается на желтом фоне, а ссылки помещаются в белое поле, а логотип и ссылки перекрывают заголовок. В разделе героев используется тот же желтый цвет для фона и есть зеленый кружок сбоку. На переднем плане - крупный заголовок и слоган. Текст с черным фоном находится вверху, а белый фон внизу перекрывает героя и следующий раздел. CTA создается с разделом текста, который использует желтый фон позади большого текста с одной стороны и белый фон с другой. Подобный дизайн создает отзыв с большой цитатой вверху. Блики с тенями от коробок в фирменных цветах демонстрируют услуги. Контактная форма связывает все это воедино тремя основными цветами. Даже форма всплывающего информационного бюллетеня следует этому дизайну.

Посетить сайт

В заключение

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

Если вы хотите, чтобы ваш собственный дизайн был рассмотрен, пожалуйста, напишите нашему редактору Натан по адресу Elegant themes dot com. Убедитесь, что в теме письма указано «ПОДАЧА САЙТА ДИВИ».

Мы также хотели бы услышать ваше мнение в комментариях! Расскажите нам, что вам нравится в этих веб-сайтах, и если есть что-то, что они сделали, вы хотите, чтобы мы учили в этом блоге.

Лучшее изображение через PODIS / shutterstock.com