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

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

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

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

1 Пространства с гармонией

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

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

2 Купить в Тасмании

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

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

3 9:00 Кинематография

Агентство 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 Блог Genesis

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

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

18 Фотография Дэна Карра

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

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

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

19 Goodwings

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

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

20 Вилла Samui Garden

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 Sweet Cecily’s

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

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

24 Хайди Роуз

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

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

25 Суши дома

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

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

26 Леанна Белль

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

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

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

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

Источник записи: https://blog.hubspot.com

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