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

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

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

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

1. Новый шерпа

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

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

2. Си Джетс

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

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

3. Бриз

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

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

4. Проспект Стрекозы

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

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

5. Компания Parris Mfg.

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

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

6. imparaqui

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

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

7. Здание "Феникс"

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

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

8. Маркс Креатив

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

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

9. Эпическое дерево

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

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

10. Роберт Л. О'Нил

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

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

В заключение

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

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

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

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