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

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

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

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

1. Эйтани

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

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

2. Поговорите с Дебби

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

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

3. Морщинистый писатель

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

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

4. DuoGeeks

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

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

5. Маверикс

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

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

6. Гора Вида

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

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

7. Д-р Эвелин Винокур

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

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

8. Village Spa

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

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

9. Createur2Site

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

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

10. Мы - веб-дизайн

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

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

В заключение

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

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

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

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