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

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

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

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

1. Университет движения

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

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

2. JD Designs

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

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

3. Swwwish

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

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

4. HH Instruments

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

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

5. Анимационная студия IQ

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

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

6. Мисс детский сад

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

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

7. Delmain

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

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

8. Supa International

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

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

9. Герой для тебя

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

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

10. VS & Собрать

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

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

В заключение

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

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

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

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