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

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

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

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

1. Акимбо

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

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

2. Журнал Dapper Tapper

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

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

3. BaseMap

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

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

4. Цифровой маркетинг ЦО

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

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

5. Юкер

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

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

6. Идиолектик

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

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

7. Bio-Bausewein

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

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

8. EcoHost

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

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

9. 717 Media

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

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

10. PicknRoll

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

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

В заключение

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

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

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

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