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

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

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

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

1. Casa Los Silvestres

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

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

2. Вивьен Ло

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

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

3. Waymaker

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

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

4. Фонд Биси Алими

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

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

5. iMedica

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

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

6. Genesis Creative Co.

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

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

7. BevCheck

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

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

8. Бриз-гипнотерапия.

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

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

9. Centrolab

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

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

10. Клемент Фромонт

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

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

До следующего месяца!

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

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

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

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