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

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

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

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

1. Абель Вильяверде

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

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

2. ИЯСИ

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

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

3. Пикадилли Уиппи

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

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

4. Sentido Comunicacao

Этот сайт был представлен Фернандой Преведелло. Этот сайт использует много золота и красноватой сливы (или вина, может быть?) По всему сайту в качестве фирменных цветов. В разделе героев отображается призыв к действию с крупным текстом слева и графикой с фирменными цветами справа. Информация представлена ​​в следующем разделе с графическими изображениями, в которых с одной стороны используется стилизованный серый фон, а с другой - стилизованный текст. В разделе услуг с одной стороны отображается CTA, а с другой - описания услуг в пределах аккордеона. В разделе дел показаны три случая в виде текста на сером фоне. В разделе блога отображаются карточки блога, перекрывающие фирменный цвет фона. Мне особенно интересна эта контактная форма. Форма отображается на цветном блоке, который включает кнопку вызова, которую можно щелкнуть. Мне нравится использование фирменных цветов на этом сайте.

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

5. Агентство увиденного бренда

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

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

6. Карола Штаудингер

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

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

7. Топленый МТБ

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

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

8. Юкер

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

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

9. Канатные мастера.

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

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

10. Очки Хенрика Стенсона.

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

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

Заключение

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

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

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

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