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

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

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

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

1. Стеклянные конструкции ручной работы

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

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

2. Клэр Креатив

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

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

3. Freshlit Media

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

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

4. Hilltop Credit Partners

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

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

5. Хостинг Insight

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

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

6. Керен Эррера

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

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

7. Финбинго

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

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

8. Ухуни

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

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

9. Architecten Lab

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

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

10. Следующее старение

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

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

Заключение

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

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

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

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