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

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

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

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

1. Прогулка по Кунани.

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

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

2. Лимонад

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

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

3. Адвокатское бюро "ГиллеспиШилдс"

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

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

4. Форсайд C2IT

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

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

5. iShop Cloverdale

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

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

6. FLL Aviation

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

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

7. Дикая осень

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

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

8. Insight Design

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

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

9. Вексельс

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

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

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

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

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

В заключение

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

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

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

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