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

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

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

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

1. Мари Бузкова

Этот сайт был представлен Михалом Теской. Это одностраничный дизайн, в котором меню навигации используется только для заголовка и ссылок на социальные сети, а меню размещается внизу страницы. Меню остается на месте при прокрутке. В разделе героев сбоку на полноэкранном фоне отображается большое изображение владельца сайта. Имя и статистика размещены на другой стороне. Заголовки для каждого из разделов отображены крупным текстом позади заголовка. «Основные моменты карьеры»: на одной стороне изображения накладываются друг на друга, а на другой - в виде размытых фрагментов, после чего следует встроенное видео. Изображения отображаются в галерее кладки и открываются в полноэкранном режиме слайдера. В разделе «Команда» показаны фотографии команды с фоновым рисунком. Раздел Follow включает встроенные каналы Facebook и Twitter. На сайте интересно используется цвет и текст.

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

2. MWS Digital

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

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

3. Уна Папайя

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

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

4. Свежий лайм

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

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

5. Ранчо на реке

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

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

6. Конный спорт на реке Иден

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

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

7. Лайонс-авеню

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

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

8. Milkin 'More

Этот сайт был представлен DJ WHEELER. Сайт использует черно-белую и коричневую цветовую схему, чтобы помочь создать чистый дизайн. Текст меню больше обычного с большим пространством между ссылками. В разделе «Герой» отображается связанное изображение в виде полноразмерных и очень больших волнистых разделителей с прозрачностью, чтобы переходить в следующий раздел, в котором отображается большой черный текст на белом фоне. Другое полноразмерное изображение сочетается с предыдущим и следующим разделом, который включает большие кнопки для категорий магазинов, за которыми следует набор продуктов. В нескольких разделах представлена ​​информация либо с изображениями и кнопками, либо с вставками и значками. В каждом разделе информация краткая и простая. Разделы отзывов и информационных бюллетеней имеют такой же простой дизайн. Этот сайт отлично использует пустое пространство и типографику.

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

9. Pro Foto Online

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

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

10. Haiko Labs

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

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

Заключение

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

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

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

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