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

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

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

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

1. Swyft

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

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

2. Имперская инженерия

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

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

3. Зонтичные налоговые решения

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

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

4. Выиграй воду

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

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

5. Хельке Винерс

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

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

6. Фрукто

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

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

7. Консультационная служба "Пирела"

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

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

8. Маури

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

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

9. На одну ногу выше

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

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

10. Экстемпра

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

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

Заключение

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

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

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

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