25+ лучших примеров веб-сайтов, созданных с помощью темы Divi WordPress.

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

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

Примеры веб-сайтов Divi

Ниже представлена ​​коллекция веб-сайтов, созданных с использованием темы Divi. Чтобы продемонстрировать универсальность Divi, эта коллекция содержит широкий спектр бизнес-ниш – от некоммерческих организаций до корпоративных предприятий и интернет-магазинов. Давайте начнем.

1

Spaces with Harmony – это сайт, предлагающий услуги по дизайну интерьеров, созданный на Divi. Как и следовало ожидать от дизайнера интерьера, веб-сайт красиво оформлен. Он уравновешивает текст, изображения и пустое пространство; имеет спокойную цветовую гамму; и включает в себя разделы параллакса, анимацию прокрутки и эффекты тени, чтобы читатели были заняты прокруткой.

Созданная для того, чтобы информировать посетителей и в конечном итоге убедить их стать клиентами, на главной странице представлены убедительные цитаты и заголовки, описательные разделы текста и красивые изображения домов предыдущих клиентов. Единственные кнопки с призывом к действию отображаются в нижней части страницы вместе с ползунком отзывов и контактной информацией. Это стратегический вопрос: читатель, вероятно, прочитал достаточно информации, чтобы перейти от стадии осознания к стадии рассмотрения.

2

Онлайн-торговая площадка, созданная с помощью Divi и плагина WooCommerce, Buy from Tasmania продает товары и услуги малых семейных предприятий в Тасмании и способствует развитию онлайн-сообщества, участники которого делятся рецептами и местными знаниями. 

На его домашней странице есть панель навигации на основе категорий, несколько кнопок с призывом к действию «Купить сейчас» и сетки продуктов, чтобы посетители могли легко просматривать или находить конкретные товары, которые они ищут, и совершать покупки. 

3

Агентство 9AM Cinematography, базирующееся в Мехико, призвано помочь режиссерам-постановщикам в Мексике и Латинской Америке преуспеть в рекламной и киноиндустрии.

Веб-сайт 9AM Cinematography, созданный на базе Divi, позволяет их работе говорить сама за себя. Его домашняя страница – это видео-фон, который воспроизводится в цикле. На этом фоне накладываются только три элемента: логотип бренда 9 AM, значок Instagram и кнопка гамбургера. При нажатии на кнопку гамбургера откроется меню с четырьмя навигационными ссылками. Большинство этих страниц имеют черный шрифт на белом фоне, и все. Дело в том, что вам нужно будет связаться с агентством, чтобы узнать больше.

4

Ends + Stems – это блог о продуктах питания, в котором публикуются еженедельные планы питания, призванные сократить количество пищевых отходов. Веб-сайт призван объяснить, чего ожидать подписчикам и как эта услуга повысит ценность их жизни, а также развеять любые сомнения, которые могут у них возникнуть. Ends + Stems делает именно это с помощью иллюстраций, значков, снимков экрана, тщательно размещенных кнопок CTA, отзывов, видео, сообщений в блогах и многого другого.

5

Whyfi – независимое агентство по стратегическому брендингу и цифровым технологиям, базирующееся в Бангалоре. Благодаря лозунгу бренда "Get Spotted" сайт Whyfi привлекает внимание. Благодаря яркой цветовой схеме, жирной типографии и вертикальным заголовкам веб-сайт Whyfi отличается от других веб-сайтов агентств, созданных на Divi. 

6

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

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

7

Devlin Photos – один из лучших примеров веб-сайта с фотографиями, созданного с использованием Divi.

Домашняя страница имеет уникальный макет сетки с перекрывающимися изображениями, видео, слайдером изображений и некоторым текстом, включая отзыв клиента и слово фотографа. Большинство страниц, включая страницы «Лиза» и «История», имеют одинаковый макет. Вы можете легко перейти на эти страницы или в любое другое место на сайте, щелкнув ссылки в вертикальном меню навигации. 

8

Nomad Capitalist предоставляет предпринимателям юридические стратегии, позволяющие снизить налоги, приумножить богатство за рубежом и стать гражданами мира. 

Веб-сайт Nomad Capitalist, созданный на основе Divi, в первую очередь предназначен для построения доверия среди потенциальных клиентов и превращения их в существующих. С учетом этих целей на главной странице есть несколько разделов «О компании», раздел «Команда», слайдер с отзывами, несколько изображений, а также видео основателя Nomad Capitalist, стратегически размещенные и красочные кнопки CTA и форма для подписки по электронной почте. 

9

Веб-сайт Art and Craft был разработан для продвижения фильма Art and Craft об одном из самых плодовитых подделок произведений искусства в истории США.

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

10

Findability Sciences объединяет большие данные, когнитивные вычисления и искусственный интеллект (ИИ) для предоставления стратегических решений глобальным корпорациям. На главной странице, ориентированной на привлечение клиентов из страховой, розничной, производственной, финансовой, торговой, медицинской и транспортной отраслей, есть отзывы лидеров отрасли, несколько кнопок с призывом к действию для получения дополнительной информации и запроса демонстрации, а также видеогалерея. 

Findability Science – отличный пример веб-сайта приложения, созданного с помощью Divi.

11

Slavi Photography – это простой веб-сайт с фотографиями, созданный с использованием Divi.

Slavi Photography – это фотографический бизнес в Онтарио, специализирующийся на семейных портретах, хедшотах и ​​гламурных фотографиях. Этот веб-сайт Divi, созданный для привлечения потенциальных клиентов, включает в себя несколько кнопок с призывом к действию, отзывы, изображения из их портфолио, контактную информацию, формы и многое другое.

12

White Gorilla – это цифровое агентство из Великобритании, которое предлагает широкий спектр услуг, включая UX / UI, графический дизайн, социальные сети, копирайтинг, мобильные приложения и электронную торговлю. Его одностраничный веб-сайт с жирным шрифтом, анимацией прокрутки и большим количеством пустого пространства. Этот пример показывает, что вам не нужно использовать расширенные дизайнерские модули Divi для создания отличного веб-сайта.

Вместо этого вы можете использовать минималистичный и такой как у White Gorilla, чтобы продемонстрировать только самую важную информацию потенциальным и существующим клиентам. White Gorilla, например, включает разделы «О нас», «Команда», «Услуги» и «Контакты», а также сетку портфолио с кнопками CTA, разбросанными по всему сайту.

13

M for Montreal – это ежегодный музыкальный фестиваль для местных и международных музыкантов, стремящихся выступать для фанатов и общаться с профессионалами отрасли.

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

14

White Lion Inn – отличный пример веб-сайта Divi для всех, кто работает в индустрии гостеприимства.

Благодаря представленному слайдеру, каменной сетке, форме подписки по электронной почте и хорошо продуманному нижнему колонтитулу, содержащему часы работы, контактную информацию и значки социальных сетей, домашняя страница White Lion Inn предоставляет всю информацию, которая может понадобиться посетителю или гостю. Они могли проверить меню паба, забронировать номер и отправить электронное письмо – все с домашней страницы. 

15

Поделиться Vancouver Island – это веб-сайт Divi, предназначенный для потенциальных и предыдущих посетителей острова Ванкувер, Британская Колумбия. В нем представлены изображения, видео, галереи и сообщения в социальных сетях, демонстрирующие красоту острова. Он также разделен на секции для каждого крупного города на острове Ванкувер. Чтобы узнать больше об одном городе, вы можете щелкнуть ссылку в заголовке навигации или прокрутить вниз до одного из изображений. 

На этом чистом и хорошо организованном веб-сайте есть все, что нужно знать туристу об острове. 

16

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

Используя тему и конструктор Divi, Timeline Missions создали веб-сайт с потрясающими изображениями, разделами параллакса и значками для привлечения клиентов со всего мира.

17

Blog – это один из примеров того, как Divi можно использовать для создания веб-сайта целевой страницы.

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

18

Dan Carr Photography – еще один уникальный веб-сайт с фотографиями, созданный с помощью Divi. 

На главной странице представлено полноэкранное изображение с четырьмя изображениями, отображаемыми в сетке ниже. Под каждым изображением находится навигационная ссылка со значком и разделом текста, объясняющим различные продукты и услуги, которые предлагает Carr. 

На домашней странице используются несколько других модулей Divi и параметры настройки, включая эффект параллакса, макет блога сетки, галерею изображений, встроенные каналы Instagram и Facebook, значки социальных сетей и многое другое.

19

– это туристический сайт, созданный с помощью Divi. На вы можете связаться с владельцем, чтобы составить и забронировать планы поездки, или просто прочитать блог, чтобы получить полезные советы и полезные советы. 

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

20

Samui Garden Villa – роскошная вилла в Таиланде. Его веб-сайт был создан с помощью Divi, чтобы предоставить потенциальным и существующим гостям всю информацию, необходимую для отличного путешествия. 

На веб-сайте Samui Garden Villa посетители могут изучить номера и удобства виллы, узнать их сезонные тарифы, забронировать проживание на Trip Advisor и внести залог – и все это несколькими щелчками мыши. Он использует ползунки изображений, эффекты параллакса и контрастные цвета, чтобы читатели были вовлечены во время прокрутки. 

21

Dokkoon Shop – это семейный магазин электронной коммерции в Чиангмае, Таиланд, где продаются изделия из тикового дерева ручной работы, такие как скульптуры, часы и подсвечники.

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

22

Сайт How to Beast – это блог о фитнесе и образе жизни, созданный на Divi. Сочетая жирную типографику, минималистичный дизайн и стратегическое использование цвета, How to Beast упрощает для посетителей навигацию по сайту и поиск нужного контента, будь то сообщения в блогах, видео на YouTube или книги. 

Его раздел блога содержит все функции, которые ожидает читатель. На странице архива отображается список последних сообщений с миниатюрами изображений. Каждая отдельная публикация имеет избранное изображение, встроенные видео, кнопки публикации в социальных сетях, комментарии и соответствующий виджет публикации. 

23

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

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

24

– веб-дизайнер, которая работает с женщинами, чтобы дать им уверенность, навыки и знания, необходимые для построения онлайн-бизнеса. Сочетая мягкую цветовую палитру, креативную типографику веб-сайта и высококачественные изображения, сайт создает уникальный фирменный стиль, информируя и интригуя посетителей.

Самая важная особенность этого сайта Divi – это, возможно, нижний колонтитул. Он содержит только контактную форму, ссылки на социальные сети и адрес электронной почты и отображается на каждой странице сайта. Таким образом посетителей постоянно побуждают связаться с ней.

25

Благодаря гибким макетам, модулям контента и практически неограниченным возможностям настройки тема Divi – отличный выбор для таких ресторанов, как Sushi à la Maison. Sushi à la Maison – уникальный суши-ресторан в Канаде. В нем не только две обеденные стойки, но и предлагаются услуги шеф-повара на дому, таинственные коробки для еды на вынос и продукты питания. 

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

26

– парикмахер, которая работала со знаменитостями и частными лицами для фотосессий известных брендов, музыкальных клипов и показов мод. Сейчас она путешествует по всему Лондону, чтобы оказывать услуги клиентам в их собственных домах или на площадках для проведения мероприятий. 

Ее веб-сайт содержит высококачественные изображения и жирную типографику в каждом разделе сайта. И в разделе услуг, и в разделе портфолио также есть уникальная сетка кладки. Повсюду есть кнопки CTA, чтобы посетители могли легко записаться на прием или узнать больше. Нижний колонтитул веб-сайта прост: есть адрес электронной почты, значок Instagram и контактная форма для посетителей, которые хотят с ними связаться. 

Создание собственного веб-сайта Divi

Теперь, когда вы вдохновлены этими удивительными сайтами, пришло время начать создавать свои собственные. Тема Divi в комплекте с Divi Builder – отличный вариант для создания и настройки веб-сайта WordPress без программирования. 

Источник записи:

• статьи о wordpress, web