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

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

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

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

1. Блуждающая невеста

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

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

2. RHN CPA

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

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

3. Айриса

Этот сайт был представлен Кристи Хилл. У этого есть простой и уникальный макет. Раздел героев разделен на четыре колонки. Первый отображает логотип. Следующие три отображают изображения для категорий. Названия категорий появятся над ними. Щелкнув имя или изображение, вы попадете в галерею этой категории. Следующий раздел предоставляет информацию о фотографе и включает обведенное изображение с текстовой маской. За ним следует встроенный канал Instagram, а затем логотип с кнопками подписки в социальных сетях. На страницах галереи изображения представлены в виде мозаики и включают фильтры, которые выглядят как дополнительное меню под основным меню.

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

4. Аранцер

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

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

5. Парк Широта.

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

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

6. Сара Антверпес

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

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

7. Решения Ultratek

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

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

8. Mepack-cz

Этот сайт предоставил Томаш Орличек. На всем протяжении страницы экран разделен на два цвета: черный слева и белый справа. В разделе героя отображается 6-осевой робот в центре с названием продукта над изображением. Текст, отображаемый на черной стороне, будет белым, а текст, который появляется на белой стороне, будет черным. В следующем разделе показан еще один робот в центре с пятнами с обеих сторон и текстовыми модулями в центре над изображением для описания. Другой робот свисает с этого (стиль GLaDOS) и ведет к нижнему колонтитулу со значками социальных сетей, которые также появляются в верхней части меню при нажатии на значок гамбургера. На странице продуктов каждый из роботов отображается на чередующемся черно-белом фоне. На страницах продуктов изображен робот с контроллером на одной стороне и техническими характеристиками на другой.

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

9. Мастер по фитнесу.

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

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

10. Атрифи

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

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

В заключение

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

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

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

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