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

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

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

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

1. Рестораны Epic Egg

Этот сайт был представлен Абелем Макбрайдом. Он использует оранжевый цвет по всему сайту, включая капли для фоновых элементов, фонов значков, кнопок, блочного текста и фона нижнего колонтитула. Зеленый цвет используется в качестве выделения за текстом и внутри графики. Еда выставлена ​​по бокам сайта с большими фотографиями, которые выделяются. Пункты меню отображаются внутри переключателей, которые используют стилизованную границу с острыми углами с одной стороны и закругленными углами с противоположных сторон. На странице меню еды используются те же переключатели и добавляются цены в углу. Этот сайт отлично использует белое пространство, фотографию и цвет.

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

2. Pom Dental

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

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

3. Revolution De Palais

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

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

4. Мясо по-деревенски Майка

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

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

5. Стоматологический центр Остойч

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

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

6. Инкремент

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

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

7. Грин

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

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

8. Команда HR

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

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

9. Стресс недопустим.

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

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

10. Лола Менте

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

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

В заключение

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

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

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

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